Archived topic
nav-button
9 replies · Started by newmedianewpeople.com on December 9, 2019
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/
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 :)
if I adjust the height the navigation is not centered on the logo. I would just like to reduce the height of the box
Have you activate the navigation as a header option before making the adjustment to the CSS?
now it's set at 40 see what happens?
Yup the navigation as a header option is still not activated:
https://docs.generatepress.com/article/navigation-as-a-header/
now it is activated but the transparent background has disappeared
You can change the navigation background color specific for that header element:
https://docs.generatepress.com/article/header-element-overview/#navigation-colors
Ok Thank you
No problem :)
