Can I add a full width image to my header?

Solved
LaDolce-vid-des
Tourist
10 0 1

I need to add a full width image to my header (below the nav menu section) so it displays on every page. Can I add code to the liquid file?

Thanks

KetanKumar
Shopify Partner
17083 1852 6408

@LaDolce-vid-des 

Sorry for facing this issue, it's my pleasure to help us.

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

Thanks for post.

Please share your site URL, and store password.
So I will check and provide a solution here.

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
LaDolce-vid-des
Tourist
10 0 1
0 Likes

This is an accepted solution.

@LaDolce-vid-des 

yes, please add this code

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

.template-index .main-content {
padding-top: 0px;
}

#shopify-section-1619717991214251c3 {
padding-top: 0px;
border-top: 0px;
}

#shopify-section-1619717991214251c3 .page-width {
width: 100%;
padding: 0px;
max-width: 100%;
}

Help us above code please check and let me know.

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
KetanKumar
Shopify Partner
17083 1852 6408

This is an accepted solution.

@LaDolce-vid-des 

Thanks for details 

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

#shopify-section-1619717991214251c3 {.page-width { padding-left: 0;padding-right: 0;max-width: 100%;}}
.index-section:first-child {margin-top: -55px;}

 

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
LaDolce-vid-des
Tourist
10 0 1

Thank you! is there a way to have it display on every page?

0 Likes

@LaDolce-vid-des 

No only home page. if you display every page then modify some code. 

Need help with theme customization or add a new feature? Hire me
Email: jotvark@gmail.com | Skype: jotvark3919

If helpful then please Like and Accept as Solution
0 Likes
LaDolce-vid-des
Tourist
10 0 1

Can you explain to me how to modify? I need it on every page. Thanks

0 Likes