-
-
Hi,
when i resize the browser window, the nav drops out below the header panel, see link for screenshot: https://www.bddcreatives.com/responsive-header/
thanks
Andie
-
Hello,
This happens because the header width has gotten smaller than the menu width and therefore it will slide down. To avoid this, either reduce the menu items padding and margin in General Options > Header Options > Menu Options, or reduce them using custom css, for only this screen width.
Example:@media (max-width: 1024px){ nav .menu > li { margin-right: -10px !important; margin-left: -10px !important; }}
Result screenshot: https://postimg.org/image/82piloo1x/
Best regards!
-
Hi there – that didn’t work – the issue still happens.
With most responsive menu navigation, when you reduce the width of the browser it clicks over to the responsive 3 bar icon (as does your theme) – except there is a problem just before it changes to the 3 bar… the menu moves out of the container…
thanks
Andie -
Hello,
Please send us your wp credentials in a private reply. We can fix this for you.
Best regards!
-
-
-
Hello,
Yes, wordpress credentials are enough. I edited the previous code to this:
@media (max-width: 1150px){ nav .menu > li { margin-right: -10px !important; margin-left: -10px !important; }}
Please clear cache and refresh pages to see the difference.
Let us know.Best regards!
-
-
One more thing
The ‘DONATE’ button in the header – only works when i remove the container?
Can you please tell me how to fix so it works with the header container.thanks
Andie -
Hello,
The menu button’s on-hover area was covering the “Donate” button. That’s why you where not able to click on it (screenshot). I added this code into your custom css box to fix this:
nav .menu li { height: 34% !important; top: 35% !important; }
Result screenshot. Please check your site now.
Let us know.Best regards!
-
You must be logged in to reply to this topic.