
-
AuthorPosts
-
June 19, 2019 at 5:50 pm #1111650
Hi,
I have a lot of overlapping links on my mobile menu, mostly on english version, on italian version the menu overlaps only if I open the second level menu.
This is my site: http://www.know-how.it/Thank you,
AnitaJune 20, 2019 at 10:04 am #1111872Hi Anita,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 1250px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } }
Best regards,
RikardJune 20, 2019 at 5:42 pm #1112016Hi Rikard,
I’ve placed the CSS and purged the cache but nothing happens…Thanks/ Regards,
AnitaJune 20, 2019 at 6:59 pm #1112049Hi,
Did you add the code to the very top of quick css so it runs first? Also clear the cache a few times over.
Best regards,
Jordan ShannonJune 20, 2019 at 7:01 pm #1112052It is the only CSS that I have. I’ve purged the cache three times but nothing.
Regards,
AnitaJune 21, 2019 at 5:04 am #1112192Hi Anita,
The CSS is applying fine on my end, please clear your browser cache and reload or check in a different browser.
Best regards,
RikardJune 21, 2019 at 11:11 am #1112292Hi Rikard,
these are the two screenshots of what is happening on mobile devices, I’ve tested it on 5 different devices (some of them were never on this site, so no history) and the result is the same:
Regards,
AnitaJune 22, 2019 at 8:52 pm #1112617Hi Anita,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
@media screen only and (max-width: 767px) { #top .main_menu ul:first-child > li { height: auto; } }
If you need further assistance please let us know.
Best regards,
VictoriaJune 24, 2019 at 10:06 am #1112858Hi Victoria,
on italian language now the menu is ok but on english version it still has the same overlapping problem.Waiting for your answer.
Regards,
AnitaJune 24, 2019 at 8:49 pm #1113001Hi,
This cant be a problem because the code that Vicky is sharing should work on both versions.
Best regards,
BasilisJune 25, 2019 at 10:56 am #1113197Hi Basilis,
this answer is not very helpful as I’ve tried everything to find the problem.
Can you analyse better the issue?Thanks,
AnitaJune 26, 2019 at 5:43 am #1113464Hi Anita,
Thanks for the update and the screenshot. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.
Best regards,
RikardJune 26, 2019 at 9:55 am #1113555Hi Rikard,
thank you very much.
Here are the credentials.Regards,
AnitaJune 27, 2019 at 4:27 am #1113784Hi Anita,
Thanks for that. I think this problem is caused by your caching plugin in some way, I cleared the cache from it and after that your mobile menu displays as it should. Please see private.
Best regards,
RikardJune 27, 2019 at 9:47 am #1113851Hi Rikard,
thank you very much. I was also clearing my browser cache but it wasn’t working. Now everything is ok.Thank you.
Regards,
AnitaJune 28, 2019 at 5:08 am #1114161 -
AuthorPosts
- You must be logged in to reply to this topic.