Modal navigation not fully displayed

Hi,

the modal navigation is not fully displayed on small mobile devices. It kind of gets pushed to right. Outside of its container. Instead the text should be fully readable and centered.

See the problem in the attached screenshot.

Here is the link:



Thank you very much!

Hello, @eckiles,

Thanks for writing to us.

It seems that you have set padding-left for the menu item by using custom CSS code. I would suggest you remove the code from the theme option —>CSS

.menu-item {
padding-left: 60px;
}

OR you can use this code under X/Pro—>Theme Option—>CSS for the quick fix

@media(max-width:766.98px){
.x-menu-layered li.menu-item {
padding-left: 0;
}
}

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.

Hope it helps.
Thanks

Thank you :slight_smile:

Hi @eckiles,

You are most welcome.

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