[Resolved] Mobile menu partially covered

[Kaleem]

hi, my mobile menu container seems to be align to right side, so it makes part of the menu hidden. please i need your help, thank you in advance!

[Leo]

Hi there,

Can you link us to the page? Thanks!

[Kaleem]

ok sir. TAJForum.com

[Leo]

You have this CSS added:

.nav-aligned-center.nav-above-header .main-navigation, .nav-aligned-center.nav-below-header .main-navigation {
    text-align: center;
    margin-left: 32px;
    margin-right: 31px;
}

[Kaleem]

oh ok, so what should i do to maintain the design?

[Leo]

Wrap it like this so it’s desktop only:

@media (min-width:769px) {
    .nav-aligned-center.nav-above-header .main-navigation, .nav-aligned-center.nav-below-header .main-navigation {
        text-align: center;
        margin-left: 32px;
        margin-right: 31px;
    }
}

More info here: https://generatepress.com/forums/topic/how-do-i-search-for-my-previous-posts/#post-263744

[Kaleem]

thanks for your help!

[Leo]

No problem!

[Author]

Posts