Refresh Theme - Adjust slideshow in mobile to fit the image correctly

Store Design
1

Hello,

I’m hoping someone could help.
I have a slideshow on my page but want to adjust the sizing of the slideshow on mobile. It’s currently too large and cutting off my imagery. I would also like to change the navigator to have white arrows on the right and left rather than the navigator underneath.

Anyone have any suggestions?

Thanks in advance for your help!
S

2

Hi @armadillogames

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Hi @armadillogames

This is BSS Commerce - Full-service eCommerce Agency. We’d love to suggest you this solution:

  1. Online Store → Themes → Edit code

view (14).png
view (14).png1802×841 101 KB

  1. Find the base.css file and add this code at the end of the file:
@media screen and (max-width: 540px){
    slideshow-component .slideshow.banner{
        max-height: 250px !important;
    }
    .banner__heading{
        font-size: 2.5rem !important;
    }
}

Result

view (15).png
view (15).png388×839 223 KB

For the button you want, because it will be related to the structure of the theme, it will be quite difficult to observe from the outside so if possible, give us your store access, and we will help you.

4

thank you that worked! So sorry for the delay in response!

Here is a collaborator code 4043

5

Hi @armadillogames

We’re happy to see that our suggestion helped you solve the issue. Can you kindly give us a like and mark it as a solution? This can be a reference for other merchants if they have an issue like you.

Thanks in advance.

6

This is exactly what I need, but this didn’t work for me. Please help. I’m using the same Refresh theme.