Turning my vertical menu to horizontal on mobile

Technical Q&A
,
1

Hey,

So currently my menu is positioned all weird and seems buggy for some reason. It’s always been a vertical dropdown menu but I definitely want it to be horizontal from the left side.

As you’ll see on the screenshot below and live site, it’s like my whole page jumps up a bit when I tap on the menu button.

If anyone can help out so it would be horizontal, that would be great.

Thanks! This is aimed towards mobile only.

URL: jasaoslaj.com

vertical.png
vertical.png484×399 66.9 KB

2

Hello @jasa11
Its Artzen Technologies! We will be happy to help you today.

Follow the Below Steps:

  1. Go to your Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following CSS at the bottom of the file above

AFTER ADDING ABOVE CSS THE RESULT:

Artzen_tech_1-1697021173265.png
Artzen_tech_1-1697021173265.png607×673 171 KB

Let me know if need further assistance
Regards,
Artzen Technologies

3

Hello,

It seems this doesnt do exactly what I had in mind.

Is there any way for the bar to not be across the whole screen? So it looks like a proper horizontal dropdown menu.