[Resolved] nav-button

[newmedianewpeople.com]

Hello

I use this css on the “blog” button of my site.

@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-button a {
background-color: transparent;
border-radius: 6px;
border: 1px solid #000000;
color: #000000;
line-height: 83px;
}
}

I would like the frame to be lower and closer to the text

Thank you

My site https://pediatrarisponde.it/

[Leo]

Hi there,

Looking at your current layout, I would recommend using this option:
https://docs.generatepress.com/article/navigation-as-a-header/

Then you can adjust the line-height: 83px; in your CSS.

Let me know if this helps 🙂

[newmedianewpeople.com]

if I adjust the height the navigation is not centered on the logo. I would just like to reduce the height of the box

[Leo]

Have you activate the navigation as a header option before making the adjustment to the CSS?

[newmedianewpeople.com]

now it’s set at 40 see what happens?

[Leo]

Yup the navigation as a header option is still not activated:
https://docs.generatepress.com/article/navigation-as-a-header/

[newmedianewpeople.com]

now it is activated but the transparent background has disappeared

[Leo]

You can change the navigation background color specific for that header element:
https://docs.generatepress.com/article/header-element-overview/#navigation-colors

[newmedianewpeople.com]

Ok Thank you

[Leo]

No problem 🙂

[Author]

Posts