Shopify themes, liquid, logos, and UX
Hey, I want to decrease the space where I drew the arrows in the screenshot.
https://charmente.com/products/foldablefitnessmat
Hi @Simon159
I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ
Here is the code for Step 3:
{% style %}
@media screen and (max-width: 768px){
.slideshow__text.banner__box {
padding-block: 0 !important;
}
}
{% endstyle %}
Please let me know if it works. Thank you!
Best,
Daisy - Avada Support Team.
Hello @Simon159
You have not allowed access for coding.
how do i allow access
@Simon159
You can send me access from Shopify Admin > Settings > Users and Permissions > Collaborators
Hi @Simon159
- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file
.slideshow__text.banner__box.banner--transparent-white.content-container.content-container--full-width-mobile.color-background-1.gradient.slideshow__text--center.slideshow__text-mobile--center {
padding: 15px !important;
}
Result:
Best,
Liz
Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025