Archived topic
Nav-button customization
1 reply · Started by Jana on January 28, 2022
Viewing posts 1–2 of 2
1) Is there a way to create a rounded border in a nav-button - or even place in icon instead of text? I'm using this css:
}
@media (min-width:769px) {
.main-navigation .main-nav ul li.nav-button a {
background-color: #8D2402;
border: 3px solid #ffffff;
color: #ffffff;
line-height: 35px;
}
Hi Jana,
You can add this CSS to your CSS:
border-radius: 15px;
Feel free to adjust the 15px value.
If you want to add icon to the menu items, just paste the SVG code to the navigation label area.
For more details, check this article: https://www.wpzeus.com/wordpress-menu-icon/
This archived topic is closed to new replies.
