How to separate slideshow & header completely with no image overlay on the header in prestige theme

Store Design
1

I’m trying to add a slideshow section right underneath the header. But the image on the slideshows are blending in with the header section. I want to keep them separate and have a margin underneath the header from where the slideshow will start. If I add just a margin code text, it is messing up on the mobile version of the website.

Problem.png
Problem.png1920×913 67.7 KB

Targeted Solution.png
Targeted Solution.png1920×398 41.2 KB

Mobile View.png
Mobile View.png407×190 13.3 KB

Can someone please guide me on how to correct this? Thanks a ton in advance!

2

Hey @Diwas ,

Use this CSS code below, it’ll apply for only desktop. Make sure to put in the margin code at the recommended area.

@media only screen and (min-width: 990px) {
/* Put your margin code below this text*/

/* Put your margin code above this text*/
}