[Resolved] Primary Navigation

Home Forums Support [Resolved] Primary Navigation

Home Forums Support Primary Navigation

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2079425
    ammgbr

    EDITED:

    I am trying to set a sticky logo/primary navigation menu on the same line on mobile and desktop.

    I have achieved part of this using the Customizer settings , however the logo only appears on scrolling down.
    Further, I have not managed to erase the excess space below the logo/primary navigation menu.

    I would be grateful for assistance.

    #2079476
    Leo
    Staff
    Customer Support
    #2079542
    ammgbr

    EDITED:

    Thank you Leo. However, on scrolling down the top/bottom padding of the desktop and off canvas menu is too big and have not identified how to reduce it to zero padding without affecting the size of the logo/menu. Is it possible to get padding to zero?

    #2079550
    ammgbr

    Also I notice that the logo is not centred on mobile as selected but rather is sitting on the left. Is it possible to bring the logo and menu toggle closer on the off canvas menu? I could open another topic if that’s preferred?

    #2079554
    Ying
    Staff
    Customer Support

    Hi there,

    Can you go to customizer > layout > sticky navigation, click on the refresh icon to remove the value set for Menu Item Height?
    https://www.screencast.com/t/5lESyf8FCY0d

    Let me know if this helps ๐Ÿ™‚

    #2079561
    Ying
    Staff
    Customer Support

    To align the logo to the center on mobile, try this CSS:

    #mobile-header button.menu-toggle {
        position: absolute;
        right: 0;
    }
    #mobile-header .inside-navigation {
        justify-content: center;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    #2079606
    ammgbr

    Thank you the first worked:) The logo is still not centred on mobile despite the CSS. Also on mobile the logo looks disproportionately small compared to the desktop

    #2079610
    Ying
    Staff
    Customer Support

    The logo is still not centred on mobile despite the CSS.

    Have you cleared cache after adding the CSS? I don’t see the CSS has been added to the site.

    Maybe try disable the cache plugin for now?

    #2079626
    ammgbr

    Hello, disabled the cache plug in, re-paste the CSS and cleared cache. I have added the CSS with the simple CSS plug in. It hasn’t taken effect yet on making the logo centred on mobile

    #2079637
    Ying
    Staff
    Customer Support

    Can you add the CSS to customizer > additional CSS to test?

    #2079675
    ammgbr

    Hello, it has worked now thank you:)

    #2079736
    Ying
    Staff
    Customer Support

    Great!

    You are welcome ๐Ÿ™‚

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