[Resolved] Menu decoration and position of mobile navigation

Home Forums Support [Resolved] Menu decoration and position of mobile navigation

Home Forums Support Menu decoration and position of mobile navigation

Viewing 15 posts - 1 through 15 (of 26 total)
  • Author
    Posts
  • #673021
    Nils

    Hello,
    the navigation menu on the left side still gives me difficulties.
    In this thread I got from Tom tips for the menu

    .main-navigation .main-nav ul li[class*="current-menu-"] > .sub-menu {
        position: relative;
        left: 0;
        visibility: visible;
        opacity: 1;
        height: auto;
        pointer-events: auto;
        box-shadow: 0 0 0;
    }

    Now I have created a second menu and here as a separator, a double line used.
    border-top: 3px double #ddd;
    border-bottom: 3px double #ddd;
    However, this one goes the lines are displayed differently than expected

    left menu

    Another question would be how could I get the mobile menu in the Topbar.
    In something like this picture would be great
    Mobile menu

    Thx a lot πŸ™‚

    GP Premium 1.7.2
    #673126
    David
    Staff
    Customer Support

    Hi there,

    in this CSS:

    .menu-2-unteres-menue-links-container li, .menu-item-348 li, .menu-2-unteres-menue-links-container a, .menu-2-unteres-menue-links-container a:hover, .menu-2-menue-links-englisch-container li, .menu-2-menue-links-englisch-container a, .menu-2-menue-links-englisch-container a:hover {
        font-weight: normal !important;
        font-size: 20px;
        color: #4788c5;
        line-height: 35px;
        border-top: 3px double #ddd;
        border-bottom: 3px double #ddd;
    }

    You are applying those properties to both the li and the a which is doubling the double border.

    This topic here explains how you can add a slideout navigation toggle:

    https://generatepress.com/forums/topic/trigger-slideout-menu-with-secondary-button/

    #674298
    Nils

    urgs.. shame on me..

    This topic here explains how you can add a slideout navigation toggle:

    https://generatepress.com/forums/topic/trigger-slideout-menu-with-secondary-button/

    Thanks, I will try it tonight.

    Many greetings

    #674320
    David
    Staff
    Customer Support

    Glad i could be of help πŸ™‚

    #676143
    Nils

    Hi David,

    i have the 2nd button but a click on it the navigation menu does not open.

    #676241
    David
    Staff
    Customer Support

    Have you disabled the Slideout Navigation? If so re-activate it and see if it works, we can then remove one of them.

    #676432
    Nils

    the slideout-navigation is active and works great with the original button.
    i used a widget to insert the code, is that correct or is there a trick?

    #676445
    David
    Staff
    Customer Support

    Hmm works for me. I notice there is no: <!-- comment --> in the a Tag. Can you add that as per the original code.

    #676451
    Nils
    <span class="slideout-toggle"><a><!-- comment --></a>
    </span>

    I have made. unfortunately no changes

    [edit]

    <span class="slideout-toggle"><a><!-- slideout toggle --></a>
    </span>

    is the same

    #676472
    David
    Staff
    Customer Support

    Can you activate the slideout on desktop as well please.

    #676490
    Nils

    Done, it works!
    But why?

    #676496
    David
    Staff
    Customer Support

    Mobile menu uses a different script to call the slideout menu. So this method only works if it is activated on desktop.

    #676526
    Nils

    hmm. the mouse pointer does not change on mouse-over πŸ™
    is there any way to give the 1. (original) button its own class?
    or easier, how can I hide the first button?

    #676542
    David
    Staff
    Customer Support

    This CSS:

    .slideout-toggle a {
        cursor: pointer;
    }
    .main-navigation .inside-navigation .menu .slideout-toggle {
        display: none !important;
    }
    #676629
    Nils
    .slideout-toggle a {
        cursor: pointer;
    }

    Sorry, I am very out of practice.
    The child is pubescent, the woman is pregnant, the cat runs over my laptop and I have no more coffee ..
    When I switch to the mobile view, the first button is displayed again

Viewing 15 posts - 1 through 15 (of 26 total)
  • You must be logged in to reply to this topic.