Remove white space above slideshow in debut theme

Store Design
1

In phone view, there is blank space above slideshow. How to remove it?

Website: https://greendeerkids.myshopify.com/

Ps: veep

Please help: @suyash1 @DelightCart @Zworthkey @dmwwebartisan @KetanKumar

Inkedss 2. for phone-greendeerkids-myshopify-2022-02-22-14_38_30_LI.jpg
Inkedss 2. for phone-greendeerkids-myshopify-2022-02-22-14_38_30_LI.jpg464Ă—910 48.8 KB

2

Hi @Avantika01

Please add the following code at the end of your theme.css file:

@media only screen and (max-width: 749px)
{
.index-section--slideshow + .index-section--flush {
    margin-top: 0!important;
}
}

Let us know if that works!

3

add this in theme.css

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

.index-section–slideshow + .index-section–flush {

margin-top: -35px;

}}

1 Like
4

hi @Avantika01 Hope you are doing well
add this code at the end of theme.css

@media screen and (max-width: 500px){
.index-section--slideshow + .index-section--flush {
 margin-top:-50px;
}
}
1 Like
5

@Avantika01 Go to assetes/theme.css

@media only screen and (max-width: 749px)
{
.index-section--slideshow + .index-section--flush {
    margin-top: -35px!important;
}
}
6

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 749px){
.index-section--slideshow + .index-section--flush {
margin-top: 0!important;
}
main#MainContent {
padding-top: 0px;
}
}
7

@Avantika01 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
@media only screen and (max-width: 749px){
    .index-section--slideshow + .index-section--flush {
        margin-top: 0px !important;
    }
    .index-section, .main-content{
        padding-top:0px !important;
    }
}

Thanks!

8

Thank you so much. This worked. Only I changed 35px to 70px.