Archived topic
Menus are conflicting on mobile/desktop
8 replies · Started by Futte on September 5, 2020
Hi There.
I have this really big problem. I god help from you making conditional menus on my site. The menus are used on the pages "Frøslev Skole" and "Frøslev & Omegn" under the menu *Fællesskaber".
I had to set the Layout for primary navigation to hover, to make the menus work correct. It works great, but with hover on, my main navigation on mobile doesn't work. I can't get into any of my pages. This may be because all my main navigation items are not pages, but only "headlines" or customized links (ex. #Calendar)
If I set the layout to other than hover, the main menu works on mobile, but then my conditional menus are not shown correctly.
I got this CSS snippet from David:
/* Sekundær menu Davids*/
.secondary-navigation ul li ul {
display: block;
float: none;
position: static !important;
left: unset;
opacity: 1;
width: 200px;
pointer-events: auto;
height: auto;
overflow: initial;
margin-left: 1em;
box-shadow: none;
}
.secondary-navigation .main-nav .menu-item .dropdown-menu-toggle {
display: none;
}
/* Span Tag */
#menu-hovedmenu a span{
display:none;I hope you can help me
Ellen Margrethe
Hi there,
for Menu Items with Sub Menus change the URL to #
eg. instead of #Fritid just add #
That was a very simpe solution Thank you so much!
You're welcome
Hi,
seems to me, that I have a very similar problem: on fudiggl.de I've got a conditional menu1 (one for my startpage and another one for the rest, I use the plugin "if menu").
On mobile view the menu on my startpage works, but not within my site...
Start page: menu --> "über uns" --> "mehr" (within the red zone) --> that links to a site within
That menu there is the conditional menu of my start page and has no links (as the wrong menu links are shown because of "if menu")
Any ideas?
Best regards
Sven
Same. I have the same problem. Menu didn't work on my mobile
Hi Sven,
Generally this issue occurs when Javascript gets 'incorrectly' combined by a cache plugin.
Can you first disable your cache plugin, then recheck on your mobile after clearing the browser caches.
If it works then re-enable the cache, if it breaks again then you will need to eliminate which cache setting is causing the issue. Try checking/unchecking the options that combine/aggregate/minimise JS.
Hi David,
it's been the Autoptimize plugin, "combine JS-files" setting --> deactivated it, now it works!
Thank you!!!
Best regards
Sven
Glad to hear that.
