Add white space to text box mobile only - Impulse Theme

[kingbeanz]

Hi,

I'd like to add some white space to the bottom of this text box so it's not so abrupt into the footer.

I'd like the changes on mobile only.



website: emery-yorkshire.com

[Dan-From-Ryviu]

Hi @kingbeanz 

@media (max-width: 749px) {
.background-media-text__text { padding-bottom: 50px; }
}

You can do that by adding this code to Custom CSS of that section in theme's customize 

[suyash1]

@kingbeanz - please add this css to the very end of your mrk.css file and check, adjust number as per your need
Shopify Admin -> Online Store ->Theme -> Edit code -> mrk.css

@media only screen and (max-width: 768px) {
    .background-media-text__text {padding-bottom: 50px !important;}
}

[GTLOfficial]

HEllo @kingbeanz 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> mrk.css
add this code at the end of the file.

@media only screen and (max-width: 768px) {
.background-media-text__text {
padding: 41px !important;
}
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[PageFly-Richard · Accepted solution]

This is Richard from PageFly - Shopify Page Builder App

Hi  @kingbeanz   Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </body>

<style>
@media (max-width: 767px) {
.background-media-text__text {
    padding-bottom: 70px !important; 
 }
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

[kingbeanz]

Perfect , thank you Richard !!