Need help on Menu " in Tablet appearance "

[OLIV1]

Hi everyone

I need help for the main menu to be " one line " in a tablet version

how can I adjust this ?? Thank you so much

website : www.oscarliving,co.id

Empire 11.1.3

Here is what it looks like on Tablet

and this is what I want

[devcoders · Accepted solution]

Hello @OLIV1 

1. From your Shopify Admin, navigate to Online Store > Themes > Edit Code
2. In the Assets folder, open theme.css and add your CSS code at the end

@media (min-width: 1024px) and (max-width: 1200px) {
.site-navigation .navmenu-link-depth-1, .site-navigation .site-header-account-link a {
font-size: 13px!important;
padding: 12px 5px;
}
}

[OLIV1]

Hi devcoders

Thank you for responding me

I tried This code , the code did not bring any change

[OLIV1]

Hi devcoders

But if I put in custom ss header it work. what do you think >>

[devcoders]

Hello @OLIV1 
Thank you for getting back to me. I’m happy to hear that it worked for you. Should you need any further help, please don’t hesitate to reach out. If you found the post helpful, kindly consider giving it a like.

[OLIV1]

Hi Lezky

My theme is Empire 11.1.3