[Support request] Menus are conflicting on mobile/desktop

Home Forums Support Menus are conflicting on mobile/desktop

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1431600
    Futte

    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

    #1431727
    David
    Staff
    Customer Support

    Hi there,

    for Menu Items with Sub Menus change the URL to #

    eg. instead of #Fritid just add #

    #1432192
    Futte

    That was a very simpe solution Thank you so much!

    #1432412
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.