Help - Products header not appearing in one line

rubydesigns
Tourist
6 0 1

Hi everyone,

In the header of my website (www.rubydesignsclothing.com), I have added various menus. I would like the menu layout to be in one straight line rather than 4/5 across and one underneath.

Is there any way to do this as the last time I used a code to do this, it did the job but at a cost.. it moved the product description, sizes, checkout button, and product tile underneath the product image.

 

Kind regards,

 

0 Likes
Ninthony
Shopify Partner
1798 260 708

They're wrapping because there's just not enough space to fit them all. You can get them on one line by reducing the font size, but it's really going to depend on what screen size you're viewing it at. You'll have to put this in your theme.css file in your assets folder at the bottom:

.site-nav__label {
    font-size: 12px;
}

 

Just adjust the font size to whatever pixel value you'd like.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes