Archived topic
Navigator Theme - Make the left margin of the body smaller
10 replies · Started by Paul on November 2, 2021
I am trying to shrink the margin from the nav bar on my website using theme Navigator.
On the desktop - the body margin is very large and very far away from the Nav menu on the left side.
Thank you!
Hi Paul,
Any chance you can link us to the page in question?
Also, the Navigator template was removed previously - must have published it by accident.
If you just did a fresh install, I'd recommend removing it and importing Sider instead.
Let me know if this helps :)
Okay, no problem! I just deleted Navigator and put in Sider - here is the website - https://www.givepraiserecords.com
I would like to shrink the margin down here if I can also, Thank you so much!
I believe what you want is to remove this CSS in Additional CSS field in the customizer:
.no-sidebar:not(.archive):not(.blog) .inside-article > *,
.no-sidebar:not(.archive):not(.blog) #comments,
.no-sidebar:not(.archive):not(.blog) .paging-navigation {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
Sorry - That didn't get rid of the left margin! It changes when I do this:
body {
padding: 0;
margin-left: 300px;
}
If I change the margin-left to 0, but then if the browser window gets smaller, the body goes into the side nav,
Paul
Hi Paul,
The margin-left:300px; is to make space for the vertical navigation on the left. If you remove the margin, the body will go underneath the navigation.
I'm not sure what you are trying to achieve, can you explain a bit more?
Thank you so much for all the help!
Here is what I am trying to achieve: (Fixed the image!)

Sorry the image didn't work!
Here is the image link: https://imgur.com/wdxDOcW
Give this CSS a try:
.blog div#page.container.grid-container, .archive div#page.container.grid-container, .single-post div#page.container.grid-container {
margin-left: 0;
}
Let me know :)
Perfect! Thank you so so so much! Thank you!
The support is fantastic - always!
Awesome :)
You are welcome!