[Resolved] Sticky Navigation Logo – How to move it a couple of pixels to the right

Home Forums Support Sticky Navigation Logo – How to move it a couple of pixels to the right

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1406810
    Walter

    I am using “Sticky Navigation” together with “use Navigation as Header”.

    The Sticky Navigation Logo apears on the Left side of the Header/Navigation.

    Can I move this Sticky Navigation Logo a few pixels to the right with a customization setting?
    If mot, can it be achieved differently ?

    Regards, Walter

    #1406940
    Leo
    Staff
    Customer Support

    Hi there,

    Try this CSS:

    @media (max-width: 2010px) {
        #site-navigation .navigation-branding {
            margin-left: 20px;
        }
    }

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

    Let me know if this helps 🙂

    #1407321
    Walter

    Leo, thanks but unfortunately that doesn,t do the trick yet.
    After adding the CSS I see the following :

    – When scrolled completely up then the Logo is now in the correct place.
    – As soon as I start scrolling down the logo moves to the left again to the same position where it was before I added the CSS.

    Regards, Walter

    #1407575
    David
    Staff
    Customer Support

    Hi there,

    try this:

    @media (max-width: 2010px) {
        #site-navigation .navigation-branding, #sticky-navigation .navigation-branding {
            margin-left: 20px;
        }
    }
    #1407673
    Walter

    David, thanks a lot, that solved my issue.

    Regards, Walter

    #1407726
    David
    Staff
    Customer Support

    glad we could be of help

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