Archived topic
Having each secondary menu items in different rows
3 replies · Started by Makan on September 22, 2019
Viewing posts 1–4 of 4
Hi,
I would like to put each item of my secondary menu in different rows. Each item in a row,
I have checked the link bellow,
https://generatepress.com/forums/topic/css-line-break-menu/#post-202661
but this one is adding breaker to one menu item,
what I need to add is having each menu item in a row.
this is a sample of what I need.
Could you please guide me through this issue.
Hi there,
try this CSS:
@media (min-width: 769px) {
.secondary-navigation ul {
display: flex;
flex-direction: column;
}
.secondary-navigation .main-nav ul li.nav-button a {
margin-right: 10px;
}
}Thanks for the code.
It works.
You're welcome
This archived topic is closed to new replies.
