Align site-nav with content for 2019 theme
-
I have been trying so hard to fix this, and so far nothing has worked.
Currently, I am using the following to center the content.
.entry .entry-content > *,
.entry .entry-summary > * {
max-width: none;
}However, the menu is still left aligned. Does anyone know a quick fix?
-
Hi bearclawindustries
Can you please mention your site URL? So that we can help you in right direction.
-
Thank you so much for your quick reply.
Actually, I fixed my problem with the following code from my assistant dev.
I hope this might help someone else in the future. Had to insert the following in the Custom CSS. You can, of course, play around with the values to suit.
@media screen and (min-width: 1500px){#site-navigation.main-navigation {
margin-left: 14%;
margin-right: 14%
}
@media screen and (min-width: 3000px){
#site-navigation.main-navigation {
margin-left: 37.5%;
}
} -
-
Opps, after scrapping the egg off my face…
Certainly, it is better than before, but as you resize the screen window, the menu position relative to the content section below keeps moving.
Is there a way to make the menu static, so that it left aligns to the content section regardless of screen size?
The site I am working on is below.
- The topic ‘Align site-nav with content for 2019 theme’ is closed to new replies.