navigation items stacking

Solved
Excursionist
55 1 0

Does anyone know how to get my navigation items to sit next to each other rather than stacking on top of each other?

Screen Shot 2019-12-13 at 4.51.35 pm.png

 

0 Likes

Success.

@kiradullard,

I checked your header..

You manage below css in pixels ...

Please manage this css in percentage so that it will not creats problem in responsive

.header-layout[data-logo-align="center"] .header-item--navigation, .header-layout[data-logo-align="center"] .header-item--icons {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 130px;
	flex: 1 1 130px;
}
.header-item--logo, .header-layout--left-center .header-item--logo, .header-layout--left-center .header-item--icons {
	-webkit-box-flex: 0 0 400px;
	-ms-flex: 0 0 400px;
	flex: 0 0 400px;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like