Solved

CSS fix needed to adjust spacing to allow all nav options on same line?

kerryvarma
Excursionist
24 4 6

Hello! We recently upgraded our Impulse theme to v.3.6.0. Can't see how to reduce white spacing and enable all nav options on one line from the front end Theme Setting typography settings... Likely a CSS fix? See Dev preview url https://4devd7ywcrnubfsw-9726558267.shopifypreview.com

Advice welcome, thanks!

Accepted Solution (1)
kerryvarma
Excursionist
24 4 6

This is an accepted solution.

Hey, thanks for the feedback. In agreement with the fact that the number of lines will adjust and be responsive to differing sizes of screen, but there's space and so we need to figure the CSS code to make it happen, as per existing live site.

View solution in original post

Replies 2 (2)

gina-gregory
Shopify Expert
742 51 211

The spacing of the nav links isn't the true issue here. You have too many top level navigation items. Even if you squeezed the spacing more and tightened up the letter spacing, it wouldn't really help to get all the links onto one line for many screens, especially smaller screens (think small laptops). Try condensing your top level nav items into fewer categories.

kerryvarma
Excursionist
24 4 6

This is an accepted solution.

Hey, thanks for the feedback. In agreement with the fact that the number of lines will adjust and be responsive to differing sizes of screen, but there's space and so we need to figure the CSS code to make it happen, as per existing live site.