Prestige Theme - Full Width Custom HTML Section

Solved
New Member
3 0 0

Hello everyone, 

 

I really need help...I have seen similar posts on the community about making a custom HTML Section full width however after following all the examples nothing has worked I think that is because we are using the custom theme Prestige. So I wanted to reach out and see if anyone who is using the same theme has had luck with making the custom HTML Section full width?

 

We just need to make it so our Instagram section and our video section display properly and match the same width as all the other sections on the homepage.  

 

Thank you so much in advance!

0 Likes
Highlighted

Hello @JordOnDrums,

Please share your site url so that I will give you exact solution

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
0 Likes
Highlighted
New Member
3 0 0

Hello @oscprofessional,

 

Thank you so much for your response. 

Your forum answers have greatly helped me in the past. You are truly doing everyone who uses Shopify and this forum a service with all of your great answers! 

 

Here is a link to the store. 

 

https://castera.gg

 

I published a blank theme just so you can see the section better. 

I also moved it to the top.

 

Basically I want to make a video background full width. I am using an elfsight app at the moment for the video. 

That I just past the code it gives me into the Custom HTML section.

 

The same goes for the Instagram app. However they do not stretch full width. 

I followed some of your earlier posts and still could not get it to work. 

 

Thanks again for the help. 

 

Cheers. 

0 Likes
Highlighted

Success.

@JordOnDrums,

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

#section-1582552273228.Section--spacingNormal .Container {
	padding: 0;
}
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
Highlighted
New Member
3 0 0

Hey @oscprofessional,

 

You are a genius! Such a simple solution I wish I would have asked earlier. 

 

This fixed it perfectly. :) 

 

Thanks again for all your help.  

0 Likes
Highlighted

@JordOnDrums,

You are welcome.

In future If you need any help then Please Contact Us..

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