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

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 :)

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

Hi there,

try this:

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

David, thanks a lot, that solved my issue.

Regards, Walter

glad we could be of help