If your header menu is overlapping with logo box, please go to the “Theme Options > General Settings”. In drop-down list “Menu Item offset” select which menu item should get the left indent to avoid overlapping with the logo. For example, if is your logo overlapping with the fourth menu item from left, select “4″. Then type into the field “Offset value (px)” numerical value of the offset – by how much pixels should the selected menu item be shifted from left. For example, type here the value “350″ and then see, how it looks. Then, if necessary, increase or decrease the value of offset.
Thanks so much, it helped!
Hi again! When I visit the website on my mobile, then the menu ends up behind logo. How do I change that? The same way as above?
On mobile devices, the header navigation is displayed as a drop-down menu. This navigation covers almost full width of header section, so it is visible on most mobile devices. If you see a part of this drop-down menu behind the logo box, it is therefore the standard view.
I can see the entire drop-down menu, but the logo covering it in half.
It’s looks the same on both my android and my iphone.
Should it look like that?
Yes, this is the standard view in current version. Maybe in the next update, I will include more options for displaying the header menu.
Please do! I think the menu should be below or above the logo (in mobile view) to make it look right.
Thanks for your feedback and for a great theme!
Thank you, I’ll do my best in all upcoming updates!
With the new 1.0.2 update, the header menu is (on mobile devices) displayed above the logo box, so I will mark this topic as resolved.
