Minimize space only in mobile version

Solved

Minimize space only in mobile version

NikosBat
Navigator
478 1 104

Hello guys, how can I minimize the space here only in the mobile version

 

Bildschirmfoto 2024-12-26 um 13.38.02.png

Accepted Solution (1)

Moeed
Shopify Partner
7711 2071 2553

This is an accepted solution.

Hey @NikosBat 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
div#ImageWithText--template--22800324755788__image_with_text_JEWyr7 {
    padding-bottom: 0 !important;
}
ul#Slider-template--22800324755788__multicolumn_GV4q7E {
    margin-bottom: 0 !important;
}
.section-template--22800324755788__image_with_text_bteEtd-padding.gradient.color-scheme-1 {
    padding-top: 0 !important;
}
.page-width.section-template--22800324755788__multicolumn_GV4q7E-padding.isolate.scroll-trigger.animate--slide-in {
    padding-bottom: 0 !important;
}
}
</style>

RESULT:

Moeed_0-1735217601577.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 7 (7)

Moeed
Shopify Partner
7711 2071 2553

This is an accepted solution.

Hey @NikosBat 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
@media screen and (max-width: 767px) {
div#ImageWithText--template--22800324755788__image_with_text_JEWyr7 {
    padding-bottom: 0 !important;
}
ul#Slider-template--22800324755788__multicolumn_GV4q7E {
    margin-bottom: 0 !important;
}
.section-template--22800324755788__image_with_text_bteEtd-padding.gradient.color-scheme-1 {
    padding-top: 0 !important;
}
.page-width.section-template--22800324755788__multicolumn_GV4q7E-padding.isolate.scroll-trigger.animate--slide-in {
    padding-bottom: 0 !important;
}
}
</style>

RESULT:

Moeed_0-1735217601577.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


NikosBat
Navigator
478 1 104

Thank you Moeed, that solved my problem

Moeed
Shopify Partner
7711 2071 2553

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


DaisyVo
Shopify Partner
4460 499 596

Hi @NikosBat 

 

Could you please share the store link with us for further checking? 

 

Looking forward to hearing from you soon. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
DaisyVo
Shopify Partner
4460 499 596

I hope you are well. You can follow our instructions below:


Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

 

Here is the code for Step 3:

 

@media screen and (max-width; 768px){
.multicolumn > div {
    padding: 0 !important;
}
button.slider-button {
    height: 25px !important;
}
.multicolumn {
    margin-top: -30px !important;
}
}

 

image (19).png


Please let me know if it works. Thank you!

 

Best,
Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
NikosBat
Navigator
478 1 104

Thank you DaisyVo, that solved my problem

DaisyVo
Shopify Partner
4460 499 596

You are welcome @NikosBat  ❤️ 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution