Hi
the Mega Menu at the top of my site
lantapocketguide.com has an item called “menu” at the very right of the menu
I did not put it there and when I go to appearance/menu its not on the menu
but it appears on all pages at the top
Hey bencottrell,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (min-width: 768px) {
.av-burger-menu-main {
display: none;
}
}
Best regards,
Rikard
HI Rikard
am I correct in saying that will hide the hamburger on mobile?
thats not quite what I mean
if you look on desktop you will see the menu items as follows
HOME / BLOG / KOH LANTA GUIDE / GETTING HERE / ACTIVITIES / APP
then after “APP” to the right you will see another item called “Menu”
I dont know where that came from. If I look at Appearance/Menu it is not in there. So Im wondering why it appears on the menu and how I can remove both on desktop and mobile
Hi,
No, it will hide it for all screens which are not mobile. I’m not sure why that is happening, but it looks like you are using a plugin or third party code to generate your menu? If you want to hide that for all screen sizes then you can remove the media query:
.av-burger-menu-main {
display: none;
}
Best regards,
Rikard
I am using a 3rd party plugin for the menu. However the menu was behaving like that before I started using the plugin
any clues?