Archived topic
Mobile header Spacing Issue
5 replies · Started by Dave on February 18, 2021
I am having an issue with the items spaced in my header on mobile.
There seems to be too much space between the logo and the subscribe button, causing the header to display on 2 lines.
Any help would be appreciated.
cheers,
Dave
Hi Dave,
There're not enough space for these 3 items all show up in 1 line on mobile.
I would suggest to remove the "MENU" word beside the toggle.
To do so, go to Customizing > Layout > Primary Navigation, remove it from Mobile Menu Label.
Is it possible just to make them a bit smaller so they all can fit?
Cheers,
Dave
Just checked your site, you figured it out? :)
Yep. Just played around with the letter-spacing and padding.
cheers,
Dave
Cool, glad to hear that :)
