Hiding/moving banner rotation buttons on mobile browsers

[Zack_97]

Hi!

My page url is https://shiokadooo.com.sg/

If you check the link in a mobile browser, you can see the 'rotation buttons' are visible at the bottom of the homepage banners.... is there a way I can do to hide it?

I want to somewhat move the sliders away from the banners so it won't block the banners. Something like this:

[ProfitLabs]

Welcome to the Shopify community!

Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width: 749px) {
    .slideshow__text-wrap--mobile {
      top: 0 !important;
    } 
}

[Zack_97]

Hi,

Thanks for the reply.

However I can only find these under my 'Assets'. There's no theme.scss.liquid

[ProfitLabs · Accepted solution]

every theme is different. do this in theme.css

[Zack_97]

Thank you.

It has been fixed!

[ProfitLabs]

If you need any further help you can contact me directly here at [email protected], cheers!

[Annavittoria]

Hi  @ProfitLabs 

what's the way to totally hide it instead? For mobile only

Thanks

[ProfitLabs]

Please add this to your theme.scss or theme.css file at the bottom

@media only screen and (max-width: 749px) {
    .slideshow__text-wrap--mobile {
      display:none!important;
    } 
}