Burger menu - dropdown items are hidden or off screen
I used the template builder to create a new header for site. Desktop works fine. In responsive mode, the after clicking on burger, the dropdown menu is not showing on screen. I could see in css that the "fixed" positioning is somehow affecting the positioning of the menu so that it is there, but not showing. When I turn off the fixed positioning (inspect element) the menu shows but the header height etc. is blown out of size.
I've cleared caches, changed sidebar alignment, etc., checked the responsive settings, and cannot find any solution.
Please advise.
Comments
Hello,
Please, turn off all of the plugins, refresh your cache, and check if the problem persists.
Moreover, if you use a child theme, switch to parent, and recheck it.
Thanks
Thank you. I did as you requested. Turn plugins on and off, flushed cache a few times, switched from child theme to primary...no improvement.
Below the screenshot is the css which if I unclick "position" lets me see the "mobile" menu albeit with the layout blown out (screenshot below):
---
.mfn-header-tmpl-menu-sidebar {
position: fixed !important;
z-index: 1;
top: 0;
width: var(--mfn-header-menu-sidebar-width);
height: 100vh;
background-color: #f6f7f9;
transition: .5s ease-in-out;
}
----
Appreciate any other ideas.
Please send us the WordPress dashboard and FTP access privately thru the contact form, which is on the right side at http://themeforest.net/user/muffingroup#contact, and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please make sure that the data you are sending are complete and correct.
Thanks
One of your plugins causes this issue.
I turned all of them, and the issue was gone.
To find out which is the root cause, please, disable them one by one.
Thanks
Sorry for the late reply. Yes, the conflict was a javascript feature of the web hosts' optimizing plug in. Thank you for your help.