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
1952 320 393

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!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
diego_ezfy
Shopify Partner
2299 413 539

@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

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.
Natztech
Shopify Partner
2236 565 1363

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
Shopify Partner
2299 413 539

That is literally my exact same suggestion...

◦ Slideshow images cutting off? Try the Slideshow (PRO) section. No apps required. | Replace apps with copy/paste code snippets & save money. Examples here.