Hello!
I’m trying to make my header look the same on both mobile and desktop. To do this, I need the header on my desktop to look like this:

(Don’t worry about the different icons, the important thing is just the menu icon on the right)
This way, the menu, instead of being “with words”, would just be a menu icon that opens when you click on it, just like on the mobile version.
It would have to be in the far right, just like on the mobile.
My website is https://winnerofficial.com and my theme is Stiletto.
Hi @martujv ,
I have written custom CSS to make this possible.
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
Result:
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,
Makka
Is there any way to remove the white lines that appear when you click on the menu icon? Both on mobile and desktop.
I mean this lines: