Slideshow button doesnt appear on mobile but work on desktop

Store Design
1

Hello :slightly_smiling_face:

My website is https://noemietissotrosset.com/pages/sabotage

Button on slideshow works and is visible on desktop as small icon but the mobile version take the whole picture and is transparent (see 2nd picture)

kangaaxx_0-1658362658900.png
kangaaxx_0-1658362658900.png1032×756 828 KB

kangaaxx_1-1658362681873.png
kangaaxx_1-1658362681873.png428×394 241 KB

How can i obtain the same result than the 1st picture? I cant find option for this :cry:

Regards

2 Likes
2

Hi @kangaaxx ,

Please add the code below instead.

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-background-1.gradient.slideshow__text--center.slideshow__text-mobile--center {
    background: #000;
}
3

@kangaaxx

sorry but i can’t see now any content at slider can you please show me

4

I have put opacity on 70% so you can see what happens on mobile. The whole thing is transparent at 0% on mobile. But in desktop its perfect like the 1st screenshot in first post .
WHat i want is a similar button that desktop that dont take the whole image and is black

Best regards and thanks in advance for your help

kangaaxx_0-1658428784331.png
kangaaxx_0-1658428784331.png1388×705 168 KB

1 Like
5

@kangaaxx

yes, please show me file current i can’t see