Hiding/moving banner rotation buttons on mobile browsers

Solved
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)

Accepted Solutions
ProfitLabs
Shopify Partner
76 5 11

This is an accepted solution.

every theme is different. do this in theme.css

Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- if you Want to modify or Customize your theme , Please contact me directly at abhinav@profitlabs.shop
- Creator of Profit Bundles - Easily Track Inventory for Multi SKU Bundles, Gift Boxes, Packs, Bogo .

View solution in original post

Replies 7 (7)
ProfitLabs
Shopify Partner
76 5 11

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.
- if you Want to modify or Customize your theme , Please contact me directly at abhinav@profitlabs.shop
- Creator of Profit Bundles - Easily Track Inventory for Multi SKU Bundles, Gift Boxes, Packs, Bogo .
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
76 5 11

This is an accepted solution.

every theme is different. do this in theme.css

Abhinav | Shopify Partner
- If helpful, please Like and Accept Solution.
- if you Want to modify or Customize your theme , Please contact me directly at abhinav@profitlabs.shop
- Creator of Profit Bundles - Easily Track Inventory for Multi SKU Bundles, Gift Boxes, Packs, Bogo .

View solution in original post

Zack_97
Tourist
9 0 1

Thank you.

It has been fixed!

ProfitLabs
Shopify Partner
76 5 11

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.
- if you Want to modify or Customize your theme , Please contact me directly at abhinav@profitlabs.shop
- Creator of Profit Bundles - Easily Track Inventory for Multi SKU Bundles, Gift Boxes, Packs, Bogo .
Annavittoria
Excursionist
37 0 17

Hi  @ProfitLabs 

 

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

Thanks

ProfitLabs
Shopify Partner
76 5 11

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.
- if you Want to modify or Customize your theme , Please contact me directly at abhinav@profitlabs.shop
- Creator of Profit Bundles - Easily Track Inventory for Multi SKU Bundles, Gift Boxes, Packs, Bogo .