Header and Slider are Overlapping on Mobile

Shopify Discussion
1

I need help- on mobile- the header and slider are overlapping…

Screen Shot 2023-08-09 at 1.41.58 PM.png
Screen Shot 2023-08-09 at 1.41.58 PM.png363×647 123 KB

2

Hello @tarynlohr

Its Artzen Technologies! We will be happy to help you today.

can u share store url.

Let me know if need further assistance
Regards,
Artzen Technologies

3

It isn’t live yet- still finalizing a few things. Here is a preview: https://uyuvm1cmw9ifpj2z-12446440.shopifypreview.com

4
  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 screen and (max-width: 768px){
.slideshow-wrapper .hero-natural-mobile--template--15097541918768__slideshow {
    padding-bottom: 100%;
}
}