Hello, I have been trying with all your suggestions in your page but I can not solve it. The menu of my page is overlaping in tablets. I want mobile menu in all kind of tablets : iomm.es
Also, I have add some text in the “header”, and is also overlaping in tablets, How can I solve this?
Thank you and regards, Carmen
Hey carmen,
Please include the url to the page in question so we can take a closer look. Can you also include a screenshot so we can compare with what we see.
Best regards,
Mike
Hello, web site is: https://iomm.es/
Here you can see the screenshot: https://iomm.es/screenshot/
Hi carmentvaalba,
The menu seems to break even at 1400px, it seems to be too long for the width of the container that you have.
You might want to reorganize your menu structure or have a burger menu even on desktop.
Best regards,
Victoria
Hello, I have already reduce the menu but still overlaps, any suggestions?
Thank you, carmen
Hi,
Unfortunately you have a lot of long menu titles, perhaps try having your mobile menu show for larger screens until the main menu will fit across. For this Try this code in the General Styling > Quick CSS field:
@media only screen and (max-width: 1465px) {
.av-burger-menu-main {
display: block!important;
}
#top .av_mobile_menu_tablet .av-main-nav .menu-item {
display: none!important;
}}
Best regards,
Mike
Great! is working ok now!! thank you