Solved

Refresh theme - mobile version - reduce size between 2 sections

Edgard22
Excursionist
42 3 3

Hi 

 

I would like to know how to reduce the size (only on mobile version) between these 2 sections (I would like to reduce it by 70%) 

 

41f4a73c-c879-4b1b-bab0-474011df7def.jpeg

 

Thanks a lot ! 

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1090 312 264

This is an accepted solution.

Hi  @Edgard22 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-3.gradient.slideshow__text--center.slideshow__text-mobile--left {

    display: none !important;

}

.color-scheme-3.gradient {

    padding-top: 26px !important;

}}

 

Additionally, I think you should add a title to the collection to introduce it to customers and optimize SEO

PageFlyHenry_0-1714123283303.png

 

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

iffikhan30
Shopify Partner
246 35 44

Hello @Edgard22 ,

 

Hope you are doing well,

can you please drop here your website link so I will be able to assist you.

Custom theme and app [remix] expert.
Buy me a Coffee
Email: irfan.sarwar.khan30@gmail.com
Chat on WhatsApp

PageFly-Henry
Shopify Partner
1090 312 264

This is an accepted solution.

Hi  @Edgard22 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-scheme-3.gradient.slideshow__text--center.slideshow__text-mobile--left {

    display: none !important;

}

.color-scheme-3.gradient {

    padding-top: 26px !important;

}}

 

Additionally, I think you should add a title to the collection to introduce it to customers and optimize SEO

PageFlyHenry_0-1714123283303.png

 

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.