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

[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

[Leo]

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 🙂

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

[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

[David]

Hi there,

try this:

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

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

[Walter]

David, thanks a lot, that solved my issue.

Regards, Walter

[David]

glad we could be of help

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

[Author]

Posts