H1 for homepage logo : CSS problem

[maxime]

Hello,

I looked around in the support forum to find a way to make my logo as a H1 for my homepage only.
And I found the code from this post https://generatepress.com/forums/topic/h1-for-homepage-logo/#post-1161994

It looked like it was working but the CSS provided in the same post didn’t really work.

The main-nav wich is on the right side came right next to the logo (and that does it for every page, not only the home page). I don’t know which CSS to use, I’ve tried diplay, float, etc but nothing worked.

So I was wondering if it was possible to make the logo as my H1 for the homepage but without touching the style of the navigation bar.

For information I’m using the marketer theme.

Thank you

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

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

[maxime]

Yes sorry, just added it. The code is active but no CSS

[Leo]

Can you add the CSS in so it’s easier for me to tweak it?

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

[maxime]

Done

[Leo]

Try this:

.main-navigation:not(.slideout-navigation) .main-nav {
    margin-left: auto;
}

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

[maxime]

Worked like a charm 🙂

Thank you Leo

[Leo]

No problem 🙂

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

[Author]

Posts