Mobile Debut view theme - sections overlapping with each other

[SagarSukhanandi]

Hello @Inesso 

Here is the simplest solution
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
.slideshow__text-wrap--mobile {
top: 0rem !important;
}
}

[KetanKumar]

@Inesso 

can you please add this code to this file

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 749px) {.slideshow__text-wrap--mobile {top: 0 !important;}}

 After This code result

[Inesso]

Hi @KetanKumar 

Thank you for your reply - I've added the code as suggested (see screenshot) but it is not working (additional screenshot) 

Do you have any other advice?

Best

  

[Inesso]

Hi @SagarSukhanandi 

I have tried pasting this code as suggested  (see attached screenshot below) but unfortunately the result is the same - do you have any other suggestions? 

Thanks! 

  

[SagarSukhanandi · Accepted solution]

Hello @Inesso 

Follow below step

1.Find and remove below line of code from your css

 top: -1.1rem;

 

[Inesso]

@SagarSukhanandi - amazing! This has worked 0 thank you so much!