[JulienB]

Thx worked great!

[JulienB]

Awesome this made the trick. Thanks a lot Mohammad !

[JulienB]

sure thing. See attached with red/blue arrows to explain.
Basically, just move both menu items on the left as close to the logo as the items on the right. As it looks on your demo (see attached)

Thanks

Attachments:

You must be logged in to view attached files.

[JulienB]

Thx for the code Mohammad. It moves the logo to the left (which then makes the logo not aligned with the rest of the page anymore). In fact what I am trying to do is to move the header items on the left hand side more towards the logo (as it shows on all your templates). I am not sure why it is misaligned this way originally.

[JulienB]

Thanks Mohammad. I’ve tried playing with the code you gave me but it changes the padding on all menu items. In fact the only thing I find strange is the space between the logo and menu item “our story” (see http://www.toojah.com) – it’s a lot bigger than between the logo and the menu item “Thainess Guide” which makes the logo look not center. On the preview of your header styles it shows similar spacing between the logo and menu items on both sides. I’ve tried playing with the margins / padding of the logo on CSS but it’s already set to 0 everywhere. Is that the normal layout? On all your demos it looks different. Thx

[JulienB]

solved

[JulienB]

Thanks. After playing around, figured the issue. It’s not the whole plugin but only the option “Object Cache” that caused the bug. Since W3 Total cache is a widely used plugin now you know it’s a common conflict for other users. Not a big deal since it’s not the most important feature of the plugin.

[JulienB]

Thx. Clearly identified that W3 Total Cache is the plugin that creates the issue. Any idea what part of the caching parameters generate this bug? If no clue at all I’ll play around but there are quite a lot of parameters so any suggestion welcome.

[JulienB]

Thanks Kyle, understood. Is it possible to hire your team or would you recommend any specific freelancer to do that? I’d rather work with someone who has experience with your theme so it is done properly.

[JulienB]

Thanks. I have indeed already chosen the header I want (logo in the middle) however as soon as you don’t have an even number of menu items on both side, items start to overlap with the logo. I’ve reduced the font size through CSS but ultimately I guess I should change the padding but did not success to do so. Is there a a way to affect menu padding/margin in the backend?

[JulienB]

I see. That would be such an awesome feature if it could just hook to the gallery (especially for mobile). If I create variations I assume it will also be visible on the product page (even though I have no variations of my product). Any known way to hook the slider to the product gallery?

Thanks

[JulienB]

Hi Ed, I just updated the theme but somehow the problem still persists. I have tried deactivating W3 Total Cache plugin in case there would be a conflict but it does not seem related.

[JulienB]

Thanks a lot Ed! This is great news.

[JulienB]

Thanks a lot. Any idea of the timeframe? I’ll find an alternative for now but it would definitely make editing faster if compatible.

[JulienB]

Thanks Rui. I activated Twenty theme and it works when using that theme. It’s definitely an issue between Beaver & Atelier.
I prefer Beaver because I know how to use it well and it has several features that other builders don’t have.
Do you think there is a way to fix this?