Some screen sizes display my navigation bar on two lines? how do i fix this?

joshualev
Excursionist
78 0 10

How do i fix it so my navigation bar is fixed on one line on all monitor/screen sizes?

https://clair-de-lune.co.uk/

joshualev_0-1649147806294.png

 

Replies 2 (2)
epixelng
Shopify Partner
679 50 84

@joshualev 

Please follow up below steps. May this help you.

1. Go to online store > themes > actions > edit code
2. Find Assets > theme.css and paste below CSS at the bottom of the file

 

.nav-bar__item
{
margin-right: 25px !important;
}
Delight Loyalty - Increase repeat sales quickly and build lifelong customers loyalty.
joshualev
Excursionist
78 0 10

@epixelng this works, but it pushes all the content in the navigation bar to the right closer to the line marks in between each item in the navigation bar and it doesnt look as clean