Header width in Narrative theme

Solved
Highlighted
Tourist
9 1 0

Hello! I am using Narrative theme and I am looking for the fastest way to expand the width of my header/navigation bar to make them full width.  

https://alphamotif.net/collections/2019

password is "fleuts"

Any help would be greatly appreciated.

p.s. this will only show on the collection page so disregard the home page icons

0 Likes
Highlighted
Shopify Partner
7507 1037 2601

This is an accepted solution.

Hello, @ALPHAMOTIF 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in bottom of file

.site-header-sections {
max-width: 100%; }

If helpful then please Like and Accept Solution.

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
1 Like
Highlighted
Tourist
9 1 0

Thanks a ton

0 Likes
Highlighted
New Member
10 0 0

How can I reduce the header width in Narrative to display in the centre of the website, where everything is more to the centre including the drop-down navigation icon? Thanks

See screenshot example: 

Screenshot 2020-07-21 at 13.39.09.pngScreenshot 2020-07-21 at 13.38.58.png

0 Likes
Highlighted
Shopify Partner
7507 1037 2601

Hello, @CJ87 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide 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
0 Likes
Highlighted
New Member
10 0 0
Highlighted
Shopify Partner
7507 1037 2601

@CJ87 

Thanks for the store URL.

but sorry I can't see same as your attachment look

 

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
0 Likes
Highlighted
New Member
10 0 0
I’d like to make the header like the one in the pictures I attached. So instead of the header being fixed across the entire screen width, I’ll like to be able to make it narrower and with some space around it like this website: https://www.hardgraft.com/


0 Likes
Highlighted
Shopify Partner
7507 1037 2601

@CJ87 

It can be done by doing some code customization. Please take the help of a developer and hire Shopify Expert or me

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
0 Likes