Make a section smaller on Shopify

[Jackie200202]

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

[LitExtension]

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.

[diego_ezfy]

@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

[Kinjalbuha]

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;
}
}

[diego_ezfy]

That is literally my exact same suggestion...