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
4366 887 922

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 - #1 Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Get your 1-month Shopify free trial from LitExtension. CONTACT US!
Are you looking for a solution to migrate to Shopify? Try our FREE DEMO now!
diego_ezfy
Shopify Partner
2799 528 727

@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 1407

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
Build your professional store with GemPage Page Builder
diego_ezfy
Shopify Partner
2799 528 727