A user seeks to make their mobile menu display in a single horizontal line like the desktop version, instead of appearing oversized with elements in separate boxes.
Proposed Solution:
</head> tagAdditional Requests:
Status: The thread remains open with multiple users seeking help. The initial solution has been provided but not yet confirmed as implemented or successful.
Hi everyone,
Not sure if anyone can help me. I’ve attached both my mobile and desktop screen here. How can I make my mobile view appear the same as my desktop view? Currently, my menu looks too big on my phone and the other menu is in the box. The font looks too big as well in my mobile. I’m hoping to have both menu in my phone in straight line like the desktop if possible. Thanks!
My site url:
Hi @jencdo ,
The header on the mobile is too big to fit on a straight line, unless we make it scrollable. This this is what you want to achieve.
Steps to add CSS:
Step 1: Go to Online Store > Themes > Active theme > Edit
Step 2: Search for “theme.liquid”
Step 3: Add the CSS above “”
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Mangit
My website URL : www.babyworksbyswapnil.com
Can you PLEASE PLEASE help me achieve the same thing ?
I want my website’s mobile version to have Header menu like desktop version ( IN ONE SINGLE ROW instead of Hamburger View )
I would really be obliged if you could help me!
Thanks in advance
Hi! Can I do this to my website also?
Store URL: thecleanroom.net
