Archived topic
Adding left margin to site
7 replies · Started by Jee on April 10, 2020
When I make a browser window smaller, the text and image on the left go right up against the browser window, leaving no space. How can I add a margin so that there is a little room between the text and the browser window on the left?
I added this:
#main {
margin-left: 30px;
}
but that just indents whatever is in between the header and footer and I everything (including footer and header) to be left aligned.
Hi there,
Have you fixed this?
Just checked the site and not noticing the issue:
https://www.screencast.com/t/zpTP6wkd
Let me know :)
Hi Leo, I want the logo above and the text below to be left aligned yet have there be a margin of 30px to the left of it. Possible?
Try this CSS:
.site-logo.mobile-header-logo {
margin-left: 30px;
}Adding CSS: https://docs.generatepress.com/article/adding-css/
Let me know if this helps :)
Hi Leo, looks the same -- it's not moving the logo out to the right.
Looks like it did to me:
https://www.screencast.com/t/Bg90Apa0c
Are you talking about desktop?
If so try this CSS:
.main-navigation:not(.grid-container):not(.mobile-header-navigation) .inside-navigation.grid-container .navigation-branding {
margin-left: 10px;
}Yes, desktop -- it worked! Thanks!
No problem :)
