Hiding/moving banner rotation buttons on mobile browsers

Solved

Hiding/moving banner rotation buttons on mobile browsers

Zack_97
Tourist
9 0 1

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?

Zack_97_0-1637131969519.png

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

Zack_97_1-1637132137814.png

 

 

Accepted Solution (1)
ProfitLabs
Shopify Partner
210 10 31

This is an accepted solution.

every theme is different. do this in theme.css

Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- Creator of Sync Inventory - GoGo - Sync Inventory Across Multiple or Single Shopify Store .
- Creator of Profit Bundles - Sell Omni Sales Channel Bundles that you can fulfill yourself or even by a 3PL or Dropshipper.

View solution in original post

Replies 7 (7)

ProfitLabs
Shopify Partner
210 10 31

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;
    } 
}

 

Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- Creator of Sync Inventory - GoGo - Sync Inventory Across Multiple or Single Shopify Store .
- Creator of Profit Bundles - Sell Omni Sales Channel Bundles that you can fulfill yourself or even by a 3PL or Dropshipper.
Zack_97
Tourist
9 0 1

Hi,

Thanks for the reply.

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

Zack_97_0-1637147377396.png

 

ProfitLabs
Shopify Partner
210 10 31

This is an accepted solution.

every theme is different. do this in theme.css

Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- Creator of Sync Inventory - GoGo - Sync Inventory Across Multiple or Single Shopify Store .
- Creator of Profit Bundles - Sell Omni Sales Channel Bundles that you can fulfill yourself or even by a 3PL or Dropshipper.
Zack_97
Tourist
9 0 1

Thank you.

It has been fixed!

ProfitLabs
Shopify Partner
210 10 31

If you need any further help you can contact me directly here at abhinav@profitlabs.shop, cheers!

Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- Creator of Sync Inventory - GoGo - Sync Inventory Across Multiple or Single Shopify Store .
- Creator of Profit Bundles - Sell Omni Sales Channel Bundles that you can fulfill yourself or even by a 3PL or Dropshipper.
Annavittoria
Excursionist
37 0 17

Hi  @ProfitLabs 

 

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

Thanks

ProfitLabs
Shopify Partner
210 10 31

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;
    } 
}
Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- Creator of Sync Inventory - GoGo - Sync Inventory Across Multiple or Single Shopify Store .
- Creator of Profit Bundles - Sell Omni Sales Channel Bundles that you can fulfill yourself or even by a 3PL or Dropshipper.