Hi! My website in the phone version shows a large space between the header slide and products!

Store Design
1

Hi!

My website in the phone version shows a large space between the header slider and the products!!

I want to make the division between these sections smaller please help :blush: :blush:

Thanks in advance. The website is Studioiris.se

2
  • Here is the solution for you @Studioiris
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media screen and (max-width: 749px) {
    .banner--mobile-bottom:not(.banner--stacked) .banner__content {
        height: 0px !important;
    }
}
  • Here is the result you will achieve:

BSSTekLabs_0-1720802382965.png
BSSTekLabs_0-1720802382965.png370×798 261 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
3

Thank you so so much!! :clap: