Changing padding and margin for mobile and making titles bold on desktop

Solved
shells
Trailblazer
193 3 97

 

Hi, 

I am looking to reduce the top padding by a bit and then increasing the space between the about section and CUSTOMER CARE by a bit so they look like they are seperate sections.

I am also looking to make the titles (CUSTOMER CARE, ABOUT US, JOIN OUR NEWSLETTER) but want them to both reflect for desktop and mobile.

Can someone please help me with this? Thank you

my url: www.feyrebaby.com.au

password: pahkud

 

shells_0-1624507791524.png

Pallavi
Shopify Expert
2367 396 513

This is an accepted solution.

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:

.site-footer .site-footer__section-title {
font-weight: bold;
}
@media screen and (max-width: 749px){
.site-footer {
padding: 20px 0 0!important;
}
.site-footer .col-lg-3.col-md-6 {
padding-bottom: 10px;
}
}
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
Pallavi
Shopify Expert
2367 396 513

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

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