Navigation in one single line Testament theme

Solved
zarke29
Excursionist
18 2 4

Hi, would anyone know how to make navigation in just one single line? As if I have too many it takes one row under and it looks really bad. Also from a week my announcement bar text is aligned on the left instead of middle, I've tried everything but it still on the left...

Sampleeee.jpg

Thanks in advance

KetanKumar
Shopify Partner
14046 1638 5039

@zarke29 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zarke29
Excursionist
18 2 4

Hi, thanks for getting back to me. Website: www.littlelilistore.com

KetanKumar
Shopify Partner
14046 1638 5039

This is an accepted solution.

@zarke29 

thanks 

1. Go to Online Store->Theme->Edit code
2. Asset->/stylesheet.css->paste below code at the bottom of the file.

.nav-inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zarke29
Excursionist
18 2 4

This is an accepted solution.

I did add the code, saved it, but unfortunately it stays the same. I'll attach screenshot. Untitled123.jpg

0 Likes
KetanKumar
Shopify Partner
14046 1638 5039

@zarke29 

somethink is missing your css code can you please add or add me on staff

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zarke29
Excursionist
18 2 4

Yes not a problem, please send me your e-mail. PS. sorry got it! Didn't notice it!

KetanKumar
Shopify Partner
14046 1638 5039

@zarke29 

great, thanks i have update code can you please check

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zarke29
Excursionist
18 2 4

Great, its finally all in one line, but would it be possible to make it on the middle as it's on the right side now? And would you know how to fix the pink announcement bar so the text Free UK Shipping would be on the middle as well? Sorry for so much bothering!

KetanKumar
Shopify Partner
14046 1638 5039

This is an accepted solution.

@zarke29 

great, thanks for the update

yes possible to but doesn't look proper left and right so now current look much better 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing