Mobile Dropdown Font Size Too Big

Hi there,

I need some help with my mobile menu. In my screenshot I want to reduce the font size of the sub-menu items as they are too big. Also it would be to be able to move the text over to the right more.

1 Like

Hello @infinitysleep
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

I just sent through my website and store password

1 Like
  • Here is the solution for you @infinitysleep
  • Please follow these steps:

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (max-width: 600px) {
.menu-drawer__inner-submenu .menu-drawer__menu li .menu-drawer__menu-item {
    font-size: 14px !important;
}
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.

Hi there,

Unfortunately that did not work, I tried pasting the code in the base/css and it didn’t work


Can you try add this code before tag in file theme.liquid @infinitysleep

If you want like this. Please try this code @infinitysleep


1 Like