[Resolved] Double Navigation

Home Forums Support [Resolved] Double Navigation

Home Forums Support Double Navigation

Viewing 11 posts - 16 through 26 (of 26 total)
  • Author
    Posts
  • #1579864
    David
    Staff
    Customer Support

    If you could add a logo that includes Logo+Kundenbereich – that would be the simplest way πŸ™‚

    #1581132
    Erika

    I did.

    1) Now I can add the CSS
    .navigation-branding img, .site-logo.mobile-header-logo img {
    height: 50px;}
    to avoid the transition. This displays the image the same way like in case you scroll down.

    How do I add a new link to this image? Now it links to the homepage.

    2) Can we hide nav-title and align-left in the drop down menu completely and change padding-top, so that no empty space appears in their place?

    #1581625
    David
    Staff
    Customer Support

    1. Ok maybe the Logo thing wasn’t a good idea. If you can switch it back to the logo without the text, ill provide some code to hook in the text with a different URL.

    2. Edit both those menu items, in the CSS class field, after each class include hide-on-mobile
    There needs to be a space between them eg.

    nav-title hide-on-mobile

    #1582552
    Erika

    1. Done
    2. Also done.
    But very strange, no matter what changes I make, I can see the changes in the preview in the backend on desktop, but they do not show on other tablet or mobile devices.

    #1584002
    David
    Staff
    Customer Support

    apologies your last reply got lost in our system.
    Looks good to me πŸ™‚ –

    So now for mobile navigation:
    1 add a Logo in Customizer > Layout > Mobile Header.
    2. Create a new Hook Element in Appearance Elements:

    https://docs.generatepress.com/article/hooks-element-overview/

    2.1 Add your link to and text to its content using HTML:

    <a class="nav-title" href="add-your-url-here">You link text</a>

    2.2 Select the generate_inside_mobile_header hook
    2.3 Set the Display Rules to Entire site.

    Once thats done let me know and ill provide the CSS for the mobile layout

    #1584076
    Erika

    Hi David, no problem, I truly love to work with you. IΒ΄m done.

    #1584772
    David
    Staff
    Customer Support

    I am not seeing the Logo or the element added by the hook ?

    #1585370
    Erika

    Same problem like a few days ago, they are added. I can see them. Pls take another look, it looks like it takes a little till it appears at you. Cache?

    #1585498
    David
    Staff
    Customer Support

    And its back πŸ™‚

    So try this this CSS for mobile header:

    #mobile-header .inside-navigation {
        justify-content: initial;
    }
    #mobile-header .nav-title {
        margin-right: auto;
        color: #000;
    }
    #1588970
    Erika

    Perfect, thank you so much, David! I learned a lot πŸ™‚

    #1589153
    David
    Staff
    Customer Support

    Glad to be of help!

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