Moving Menu On Mobile

Hello support team,

How can ubermenu be below the gray line on mobile?
Looking through cornerstone, and ubermenu configuration there doesn’t seem to be any alignment options for it, unless there is a code to add.

Please see attachment. It wold be nice to see it centered below the gray line, and not on it, since the gray line’s corners show.

How can black line be removed as well, it seems to appear on the menu once the menu is clicked.

website: https://vitalytennant.com

Thank you in advance.

Successfully.

Hello @VVT,

Thanks for writing to us.

In order to remove the block border and move the menu below the top border I would suggest please add this custom CSS code under Theme Options —>Global CSS code.

@media(max-width:959.99px){
.ubermenu-skin-eggplant {
border: none !important;
margin-top:1px !important;
}
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

Hi @prakash_s,

Appreciate your time, and information, that css code works, with minor adjustments. Mobile menu looks as intended.

Thank you.

Successfully.

You are most welcome @VVT

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.