-
Posts
-
Hi,
my client got in touch with me today saying that the mobile menu is suddenly missing on the website. It shows on tablets (iPad 10 & 12) but not on smaller devices, i.e. the old iPad and more importantly, on mobile phones.
I recently added code to make the burger menu show on iPads in landscape too (I got the code from the forum) and I thought perhaps it was that. But if I remove it, the menu remains missing on small devices. I added the code to the enfold theme options (general CSS).
I also added custom CSS over the last couple of days to style the new home-page but if I remove that it also makes no difference to the missing burger menu. I have no other ideas and I also can’t say exactly how long the menu has been missing for.
I’ll give you an admin login down below.
Thanks a ton in advance.
Best regards, SaraHi, I have found the culprit code:
@media only screen and (max-width: 768px) {
.main_menu {
display: none;
}
}I`m changed that to display: inline !important;
and now the burger menu shows up on mobiles again. Phew ;) What I don’t know is where the code came from – your end or mine ;) I can’t find it in our custom CSS or in the quick CSS, so we don’t seem to have inadvertently added it. Could you check this? Thank you.
Best regards,
SaraHi Sara,
I’m glad that you found the problem, where exactly did you change the code in question?
Best regards,
RikardHi Rikard,
I found it whilst examining the CSS on the frontend (using dev tools): I wondered whether I could find the missing menu in the code. I then changed it by adding it to additional CSS in the frontend customizer menu.
Best regards,
Sara
- You must be logged in to reply to this topic.