Have your say in Community Polls: What was/is your greatest motivation to start your own business?

arrows not showing on desktop

Solved

arrows not showing on desktop

Ecomsmartify
Shopify Partner
114 2 31

I have added these arrows through coding but I'm stuck on this my these arrows only showing on the mobile version these arrows not appearing on the desktop please help me to figure the issue Thanks @anupam1607 
store url : https://store1.ecomsmartify.shop/products/zoha
store password: 4

Ecomsmartify_0-1732521975025.png

 

 

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
10261 2039 2110

This is an accepted solution.

Hi @Ecomsmartify 

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

@media  (min-width: 750px) {
    .slider--mobile+.slider-buttons,
    .slider--mobile+.slider-buttons .slider-button {
        display: flex !important;
    }
}

Screenshot 2024-11-25 at 15.20.38.png

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 3 (3)

Sohel-Digital
Shopify Partner
21 0 2

Hi Ecomsmartify, add these CSS codes in your base.css file:

 

@media screen and (min-width: 990px) {
    .slider:not(.slider--everywhere):not(.slider--desktop)+.slider-buttons {
        display: block !important;
    }
}


@media screen and (min-width: 750px) {
    .product--thumbnail_slider .thumbnail-slider {
        display: block !important;
    }
}

 

 

 

- Got solution? You can support me by Buy me a Coffee
- If you need an expert Shopify developer then feel free to Whatsapp me
- Create Custom Shopify Pages Using Drag & Drop Builder: Pagefly

Dan-From-Ryviu
Shopify Partner
10261 2039 2110

This is an accepted solution.

Hi @Ecomsmartify 

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

@media  (min-width: 750px) {
    .slider--mobile+.slider-buttons,
    .slider--mobile+.slider-buttons .slider-button {
        display: flex !important;
    }
}

Screenshot 2024-11-25 at 15.20.38.png

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Ecomsmartify
Shopify Partner
114 2 31

Thankyou soo much