Help Reduce the paddng/spacing on feature row on mobile

Emurph35
Excursionist
36 0 13

Hello 

 

Please can someone help me to reduce the padding/spacing/border that is appearing on the feature row on large mobile view (IPhone 12 pro max) as per below: 

Note this appears fine on smaller iPhones.  I need ‘Join the now lashes team’ to all be on the one line and same with 30% MUA/Trade Discount’ 

FC771018-AAD6-41A6-894B-D6E512402C93.jpeg

 

URL is https://now-lashes.myshopify.com/  Password is Thoffo 

 

Thank you 

Pallavi
Shopify Expert
2235 370 484

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 575px){
.feature-row .feature-row__item.feature-row__text {
padding: 50px;
}
}
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
KetanKumar
Shopify Partner
20524 2121 7737

@Emurph35 

sorry for that issue can you please try this 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 767px) {
.feature-row .feature-row__item.feature-row__text h2 {
border-bottom: 2px solid;
    padding-bottom: 10px;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes