I wanted to remove the space between the header and slide show section

Store Design
, ,
1

I wanted to remove that big space in between the header and the slideshow section. Most precisely, even the whole black gap even though the spacing in between can be seen as quite small and visible. Can someone help me out by advising me on how I can get it right ?

0b9fd326-ac09-4ea3-9cd1-87eb28048e7b.jpeg
0b9fd326-ac09-4ea3-9cd1-87eb28048e7b.jpeg921×2048 110 KB

2

@Keshh - can you share this page link? it will need css

3

Here you go
https://shoprippleverse.com/

4

@Keshh - that space is for the text , if we hide it then it will look like the screenshot below, but then text will not be visible even if you add it later,

but if you are ok with it then add this css to the very end of your base.css file

@media screen and (max-width: 749px){
.banner--mobile-bottom .slideshow__text.banner__box{display:none; visibility:hidden;}
}

suyash1_0-1709455170728.png
suyash1_0-1709455170728.png1366×768 281 KB

5

Basically, i need only that space to be removed. Actually, it looks okay on the desktop view but as for the mobile view, it look kind off unprofessional. That`s been reason why I needed help with removing that black gap in between so that the wallpaper slideshow and the ‘‘image with text’’ look kind of connected without any bad looking big gap in between.
So my humble question would be, adding the CSS that you have given above will achieve the goal i mentioned?
And if possible, can you guide me through a step wise screenshot on how i can navigate to the base CSS file to paste the code you would give me since i am totally unfamiliar to coding and all.