Tagged: header, logo, menu, responsiveness
Hi,
When I try to view my website on my phone or even just in various sizes on my desktop 1) the logo does not adjust for size and 2) my menu text begins to overlap the logo instead of switching to a drop down menu. Why isn’t the header adjusting to the size changes and how can I fix it?
Hey pursuit1,
I checked your site and the main menu turns to a compact hamburger menu just before the menu items run into logo.
The logo does re-size fine on my end on Windows and chrome.
If you still have an issue please use the below code in Quick CSS section
NOTE: Adjust the max-width value to be same width as just before the menu items run into the logo.
@media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}
Best regards,
Vinay