Reduce margin/padding on mobile Venture

Solved
MVUILL
Excursionist
27 0 8

Hi there! 

How can I reduce the margin/padding on the right and on the left on a page on mobile? 

It's perfect on the mobile homepage (= full width) but then on a custom page the margin/padding on the right and on the left are big (I made a specific template for this page). I tried the following code but it didn't work : 

.template-page.lpcountry .lpcountryrichtext-section { margin-top: 0; margin-botton: 0; margin-left: 0; margin-right: 0; }

 

Website is : https://www.french-address.com 

Page : https://www.french-address.com/pages/french-country-decorating 

MVUILL_0-1618215583652.png

 

 

 

0 Likes
dmwwebartisan
Shopify Partner
5867 1339 1721

This is an accepted solution.

@MVUILL 

Add code assets/theme.scss.liquid  bottom of the file.

@media only screen and (max-width: 749px) {
.template-page .content-block {
    padding: 0px !important;
}

.template-page .section-block--padding {
     padding: 0px !important;
}
}

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
MVUILL
Excursionist
27 0 8

Works perfectly! Thank you so much, you made my day!!

Pallavi
Shopify Expert
1330 180 218

This is an accepted solution.

Hello There,

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

@media only screen and (max-width: 767px) {
.template-page .content-block {
padding: 0px !important;
}

.template-page .section-block--padding {
padding: 0px !important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes