Main Menu Items Are Appearing in Double Lines in Mobile Vew

Main Menu Items Are Appearing in Double Lines in Mobile Vew

Sohaibarshad
Excursionist
16 0 10

Hi All,

Main Menu Items Are Appearing in Double Lines in Mobile View, can all categorize come in single line in mobile view?Attachment 2.pngAttachment 1.png
Please find details below:

Current Issue:
The current main menu on the store has each product category in two lines and some in single line (dining for instance) especially in mobile view. See attachment 1 screenshot for your reference. 

What we want is the main menu to look like this, see attachment 2 below. I've tried to adjust menu items under "Navigation" in the backend dashboard but no luck. What can be done?

 

Reply 1 (1)

MichalKopec
Shopify Partner
55 9 8

You can try to set the menu items to "display: block":

.box_contentmenu .tab_content_menu_mobile .tab-content #tab_menu_mobile .menu-horizon-list .title_menu_mb {
    display: block!important;
}
A developer with more than 10 years of full stack experience. For work inquiries, please send me a private message.