Debut Theme Custom HTML Full Width

Solved
Highlighted
New Member
8 0 0

1. Just want to ask for help how to solve this Custom HTML, I want to appear as full width 

Dev Site: https://blocker-asia.myshopify.com/

Old Site: https://blockerasia.com/

winph_0-1601170798593.png

2. How to fix the spacing from the footer. 

I want to apply the same design from the old site.

 

winph_1-1601170916663.png

 

3. Position of the image that only show the sleeve pocket. I tried padding and doesnt work. 

Should be like this. 

winph_2-1601171010483.png

Thanks in advance. 

 

0 Likes
Highlighted
Shopify Partner
674 109 148

Hello @winph,

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

 

@media screen and (max-width: 768px){
	.hero__inner>div .mega-subtitle p {
		font-size:18px !important;
	}
	.hero .mega-subtitle, .hero .mega-title{
		font-size:30px !important;
	}
	.hero__inner>div {
  	        width: 100% !important;
                margin-right: 0px !important;
	}

}
.site-footer {
       margin-top: 0px !important; 
       padding: 0px !important;
}
.container{
	background-position: center;
}

 

 
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

0 Likes
Highlighted
New Member
8 0 0

Hi @Wahab_Ahmad, thanks to #2 solution. any advise on #1 and #3?

0 Likes
Highlighted
Shopify Partner
674 109 148

This is an accepted solution.

Hello @winph,

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

div#shopify-section-1601169195101 .page-width {
padding: 0px !important;
margin: 0px !important;
max-width: 100% !important;
}


Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

0 Likes
Highlighted
New Member
8 0 0

Thank you @Wahab_Ahmad 

0 Likes