Center Main Nav @Media size

[Chris]

How do I center the main nave at a certain media size? I’m not able to figure it out.

View post on imgur.com

Thanks!
CDS

GP Premium 1.4.1

[Leo]

Hi there,

Can you link me to the page? Thanks!

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

[Chris]

Sorry.

http://grabthegold.com

[Chris]

Oh. and only below 768 px. I forgot that part.

Thanks!
CDS

[Tom]

You only want to center it on mobile? So it only applies to the mobile menu?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Chris]

Right before the mobile. Like this.

View post on imgur.com

You tell me how to center it and I can work out the sizes.

Cool?

Thanks!
CDS

[Tom]

You could do something like this:

@media (max-width: 1000px) {
    .nav-float-right .inside-header .main-navigation {
        float: none;
        text-align: center;
    }

    .nav-float-right .main-navigation li {
        float: none;
        display: inline-block;
    }
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts