Add a menu | divider or show different menu on mobile

Solved

Add a menu | divider or show different menu on mobile

coolplates
Visitor
2 0 1

Hi Guys,

 

I've searched all over for the solution to this and i'm struggling so please help me 🙂

 

www.coolplates.co.uk (Password: abc123)

 

The desktop menu looks ok now i've added seperate menu items as | with a href to just # so it looks like:

 

Road Legal Number Plates | Show Number Plates | Accessories

 

The issue I have is that these | menu items are actual links, although they dont let you go anywhere, and on mobile it looks terrible like:

 

Road Legal Number Plates

|

Show Number Plates

|

Accessories

 

Many thanks for your help.

 

Dean

Accepted Solution (1)

B2Bridge
Excursionist
311 64 79

This is an accepted solution.

Hi @coolplates, to do that, please follow our instructions:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find theme.liquid file.

Step 3: Paste this code before the close </head> tag:

<style>
#mobile_menu li:nth-child(odd) {
 display: none;
}
</style>

 

B2Bridge_0-1739159691904.png

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

View solution in original post

Replies 3 (3)

B2Bridge
Excursionist
311 64 79

This is an accepted solution.

Hi @coolplates, to do that, please follow our instructions:

Step 1: Open Online Store -> Themes -> Edit code.

Step 2: Find theme.liquid file.

Step 3: Paste this code before the close </head> tag:

<style>
#mobile_menu li:nth-child(odd) {
 display: none;
}
</style>

 

B2Bridge_0-1739159691904.png

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you 😍

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

coolplates
Visitor
2 0 1

Thank you so much. This worked perfectly. Really appriciate your help

B2Bridge
Excursionist
311 64 79

You are welcome 😁

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.