reduce space just in the mobile

Solved
Highlighted
Explorer
131 1 13

hey everyone , 

preview link to my store - https://2yhmw0qazweokmsn-37071880332.shopifypreview.com

i have video slideshow in desktop , in mobile i have photo slideshow like a poster. 

i need to reduce the space between the photo slideshow in the mobile to the header, but. just in the mobile.. 

someone can give me code that do it just for the mobile and dont ruin the desktop please?

thanks 

Screen Shot 2020-04-29 at 3.21.32 AM.png

0 Likes
Highlighted

This is an accepted solution.

Please try to use this code

 

@media (max-width: 992px){
    .template-index .video-content {
        margin-top: 0px !important;
    }
}
Shopify Expert - https://experts.shopify.com/lucentinnovation
1 Like
Highlighted

 

@media(max-width: 767px){
	.video-content{
		margin-top: 0!important;
}
}

You add this code at the end of your theme.scss.liquid file. 

PageFly - Advanced Shopify Page Builder.
- PageFly Page Builder: Website | Facebook | LinkedIn | Group | Youtube
- [Tutorial] Get more tips on using PageFly to soar sales this season
- [Master Guides]: Get Your Shopify Store Ready for Black Friday
0 Likes
Highlighted
Tourist
34 0 16

Hello 

This solution doesn't work for me. Can you help me with another code please?

My site is https://genuinner.myshopify.com/ pass Innergenu.

IMG_4117.jpeg

 

Thanks in advance

Mp

0 Likes