FROM CACHE - en_header

Make a section smaller on Shopify

Jackie200202
New Member
1 0 0

Hi there,

I'm trying to make the second section of my homepage align on mobile as it does on desktop. Right now on mobile, the section that starts as "Weather-Resistant" is way too large on mobile. 

 

My URL: 360sticker.com

PW: bigfolio.co

Replies 4 (4)
LitExtension
Shopify Partner
4664 951 976

Hi @Jackie200202 ,

I checked and it shows fine: https://i.imgur.com/Tn5QcQT.png 
If you want to display as desktop, it won't be wide enough for all.
Or do you want to change like this? Please send me screenshot with description, I will check it.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
diego_ezfy
Shopify Partner
2809 531 745

@Jackie200202 

What exactly is too large? If you mean the icons:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:

<style>
@media (max-width: 767px){
    .tulipa-first-box svg{
width: 50px !important;
height: 50px !important;
margin-bottom: -10px;
}
}
</style>



Kind regards,
Diego

Kinjaldavra
Shopify Partner
2302 569 1408

hello @Jackie200202 


please Go to Online Store-> Theme->Edit code then go to assets/theme.css ->paste the below code at the bottom of the file.

@media (max-width: 767px){
#shopify-section-16345229798b580f53 .tulipa-first-box svg{
     width: 50px !important;
     height: 50px !important;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
diego_ezfy
Shopify Partner
2809 531 745