Site logo

Archived topic

Navigation bar without padding

3 replies · Started by Jurjen Brouwer on November 18, 2020

Viewing posts 1–4 of 4

I am working on https://5plogistics.com/ and I would like the last word of the menu : "contact" on the right site exactly under the "offerte"button en the "login WMS" button.
Is that possible with a bit of CSS ?
Jurjen

Hi there,

your site doens't have any left or right padding in the header or the Container.
So when you screen is at 1100px or smaller the content touches the sides of the browser.
I would suggest adding some padding to resolve that.

Then if you wan to remove the right padding off the last menu item you can add this CSS:

@media(min-width: 1100px) {
    .main-navigation .main-nav ul li:last-child a {
        padding-right: 0;
    }
}

Thanks, it works !

Glad to be of help

This archived topic is closed to new replies.