Archived topic
Adding button in navigation for desktop, done. But what about styling in mobile?
5 replies · Started by IBNU AHMAD on November 27, 2020
Viewing posts 1–6 of 6
Hi,
I follow this guide: https://docs.generatepress.com/article/adding-buttons-navigation/. It work wonders for a desktop navigation.
How do I apply the same styling for mobile?
Hi there,
can you share a link to your site?
And where do you want the button to be displayed on mobile ? Is it in the menu dropdown ?
Sure, sending you the link.
Give this CSS a shot:
@media (max-width: 768px) {
.main-navigation .main-nav ul li.nav-button a {
display: inline-flex;
background-color: #b3995d;
border: 2px solid #000000;
color: #000000;
}
}
Nice, it works!
Thanks Leo.
No problem :)
This archived topic is closed to new replies.