We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Hero image (slideshow) not showing correctly on mobile version (Narrative theme)

Hero image (slideshow) not showing correctly on mobile version (Narrative theme)

monawie
Tourist
6 0 0

As you can see, on mobile screens, the slide image/hero does not fit. Making the dropdown menu even invisible...

 

Can someone please help? thank you! Screenshot 2024-12-12 at 18.04.24.png

Replies 5 (5)

zack_dev
Shopify Partner
92 15 15

Can you tell what is your store url ?



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me

monawie
Tourist
6 0 0

Thank you Zack:  www.monawie.be

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Hi @monawie 

Please share your store URL so we can check

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

monawie
Tourist
6 0 0

zack_dev
Shopify Partner
92 15 15

hi you can add the following css on theme > settings > custom css 

.slideshow__button--previous, .slideshow__button--next {
    position: absolute;
    height: 100%;
    width: 10vh;
    background: transparent !important;
    border: 0;
    z-index: 6;
}

 

you will find custom css here

 

2024-12-12 23_34_02-Window.png



- Helpful? Like or Accept solution, - Buy me Coffee


-

Contact me