How can I resize a section on mobile in Shopify?

Technical Q&A
1

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

2

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.

3

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

Kind regards,
Diego

4

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

That is literally my exact same suggestion…