Remove white space

Solved
Highlighted
New Member
6 0 0

help please. How can I remove this white space on mobile viewCapture.PNG. I am using debut theme. thanks

0 Likes
Highlighted

Hello,
Please share your site url.
So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
6 0 0

Thanks for replying to my post. my site url is https://fashionviralz.com/

0 Likes
Highlighted

This is an accepted solution.

Hello fashionviralz,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

@media only screen and(max-width:768px){

div#shopify-section-1594603533196 {
    padding-bottom: 0px!important;
}
div#shopify-section-1594869363003 {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
div#shopify-section-1594869323904 {
    padding-top: 0px!important;
}
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
New Member
6 0 0

Thank you it worked. one more thing can I ask how to solve this. I want to have a little space between this on mobile view and desktop view. Thank you.

desktop.PNGmobile.PNG

0 Likes
Highlighted

This is an accepted solution.

Hello fashionviralz,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

.grid__item.medium-up--one-third.js {
    padding: 2px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
New Member
6 0 0

Thank you so much for this it fixed my problem

0 Likes
Highlighted
Excursionist
35 0 3

I have the same issue. There's a huge gap at the bottom of my home page between the bottom of the "shop bestsellers" section where it says "Cactus", and where it says "connect with us on Instagram"

The gap between "connect with us on instagram" and the feed is also too large. Can someone help me reduce these gaps? Thanks!

 

luzlights.com

password: chuck

0 Likes
Highlighted

Hello plimp101,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

div#shopify-section-1589205769913 .featured-collection.collection-template {
    padding-bottom: 20px;
}

div#shopify-section-1589154940584 div#insta-feed {
    margin-top: 5px;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
1 Like
Highlighted
Excursionist
35 0 3

Thank you! That definitely helped, but there's still a bit too much space between the bottom of Cactus and Connect with us on Instagram. Any ideas how to get rid of that?

0 Likes