Site logo

Archived topic

Menu closing X mark is hidden below topbar

6 replies · Started by Manoj on July 18, 2021

Viewing posts 1–7 of 7

check site : https://indiatshirts.com/

the X mark that closes the menu is getting hidden below the top bar

is there any way to shift it below?

Hi Manoj,

You can try adding this CSS:

@media(min-width:769px){
    nav#generate-slideout-menu {
        margin-top: 44px;
    }
}

it worked. can we add more space on the right too? what is the css for that?

You can play around with the x button's margin.

Example: (wrapping both CSS on the same @media rule)

@media(min-width:769px){
    nav#generate-slideout-menu {
        margin-top: 44px;
    }
    button.slideout-exit.has-svg-icon {
        margin-right: 50px;
        margin-top: 50px;
    }
}

thank you very much.

generatepress & their service rocks!

Glad you got it sorted. No problem. :D

This archived topic is closed to new replies.