Navigation bar without padding

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

http://www.5plogistics.com

Hi,

I've checked your navbar and it doesn't seem to have any padding but rather, a margin-left:auto; that adds space to make the nav menu items appear centered so it looks visually balanced.

To clarify: Do you want to remove this margin-left:auto; instead?

Removing it will result to this: https://share.getcloudapp.com/DOuoW2l2

If this is the desired effect, you can add this CSS:

nav.main-navigation .inside-navigation {
    margin-left: unset;
}

No, that's not the effect we wanted....
We would like to have "Home" a bit more to the left , so it is in the same line as the logo and the W from Warehousing.
Is that possible?

The solution for the right side David send worked. Now looking for the solution on the left side

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

Hi there,

change your current CSS to this:

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

    .main-navigation .main-nav > ul > li:last-child a {
        padding-right: 0;
    }

}

Thanks again, David
Happy !!!!!!!

Glad to be of help

The nav.bar is just how we wanted it to be , but :
the first item in de sub menu seems to be affected too. :-(
Please help (again)
Jurjen

I edited the code here:
https://generatepress.com/forums/topic/navigation-bar-without-padding-2/#post-1543752

Let us know

Didn't work, the first item in the dropdown menu was out of line (completely left)
I removed the CSS....

Another edit made here:

https://generatepress.com/forums/topic/navigation-bar-without-padding-2/#post-1543752

That seems to do the trick..... Thanks...

Glad to be of help