Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an 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
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
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
- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.
@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;}
}
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
This is an 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
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Perfect , thank you Richard !!
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024