Text + description + button overlay for slideshow homepage Mobile version

[WoutervdMeer]

Hi community,

For the mobile versions of my webshop I want to make the slideshow of the home page more compact.

By default the title, description and button are beneath the slide show image, but I want this to be overlaying like the desktop version is by default.

This makes the mobile slideshow image small compared to the block with title and description which is inefficient in my way..

How can I implement this to my webshop? Who can help me out?

Webshop: https://www.biervaneigenbodem.nl/

Kind regards,

Wouter vd Meer

[BSS-Commerce]

Hi @WoutervdMeer

We checked your issue and would like to suggest you a solution below:

• Find the file section-image-banner.css:

• Find the code @media screen and (max-width: 749px) as shown in the image. Notice the .banner–mobile-bottom section

• Delete the code:

.banner--mobile-bottom .banner__media,
  .banner--stacked:not(.banner--mobile-bottom) .banner__media {
    position: relative;
  }

• Before:

• After:

A note is that our guide is based on Theme Dawn. You can try it and I hope that it also works for your theme.