Icon Theme–Space under slideshow on mobile

Solved
NWAHC
New Member
2 0 0

The website is HairCoutureBoutique.com

How do I fix the huge space underneath the slideshow? It only looks like this on mobile.

The slideshowThe slideshowThe spaceThe space

0 Likes
Vikas_Chovatiya
Navigator
345 81 101

This is an accepted solution.

Hi @NWAHC 

Thanks Welcome to the Shopify community!
1. Go to Online Store->Themes->Edit code
2. Asset->/stylesheet.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 740px){
	.index-sections {
	    padding: 90px 0 0 0;
	}
	.flexslider .slides > li {
	    padding: 0 !important;
	}
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
kiradullard
Shopify Partner
79 1 7

@Vikas_Chovatiya I am having the same problem with space showing on mobile, I entered your code and it removed the space underneath but now the image shows with padding on each side as if it has been put into a container. Do you have any suggestions?

0 Likes
Vikas_Chovatiya
Navigator
345 81 101

Hi @kiradullard 

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes