[Resolved] the location of menu on mobil menu

[Jusung]

If you see this site on mobile device, you can see the menu.
there are 5 menu, but the location of first menu is different from the other 4 menu.
I don’t know why this is happening.

Could you explain why this happens and how to fix it?

Thank you!

[David]

Hi there,

in the Customizer > Additional CSS you have this:

.main-navigation:not(.slideout-navigation) .main-nav ul li:first-child a {
    padding-left: 0;  
}

Move that into a Destkop @media query so it looks like:

@media(min-width: 769px) {
    .main-navigation:not(.slideout-navigation) .main-nav ul li:first-child a {
        padding-left: 0;
    }
}

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

[Jusung]

Thank you!

it has been resolved!

[David]

You’re welcome

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

[Author]

Posts