[Resolved] Adding left margin to site

[Jee]

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.

[Leo]

Hi there,

Have you fixed this?

Just checked the site and not noticing the issue:
https://www.screencast.com/t/zpTP6wkd

Let me know 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jee]

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?

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jee]

Hi Leo, looks the same — it’s not moving the logo out to the right.

[Leo]

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;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jee]

Yes, desktop — it worked! Thanks!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts