Hi I used some code to add these arrows onto my slideshow, the desktop view is how I want. However in mobile view they are showing at the bottom rather than being at each side in the middle. Also the pagination dots is not over the image like in the desktop view. Please can someone help!

[Screenshot 2024-05-17 at 11.13.48.png]

Hi @tranquilweaves I have reviewed your requirement , I think you just need add custom font in base.css and the issue will be resolved. You can follow my instructions! Step 1: Go to Admin → Online store → Theme > Edit code: [view.png] Step 2: Search base.css and add the script css in the end of…

Hi @BSSCommerce-B2B , thanks so much for your response! I really appreciate it. I input the code and it worked for the right arrow however the left arrow is still at the bottom, I have attached a screenshot. Do you know why this would be? Thanks again! :slightly_smiling_face: [Screenshot 2024-05-2…

Slideshow arrows on mobile view

Store Design

tranquilweaves May 17, 2024, 10:19am 2

Topic		Replies	Views
IMPORTANT PLS: Need help in fixing slideshow (carousel) arrows Store Design menu , design , customizations , landing-page , shopify-themes	4	123	August 3, 2024
Arrows underneath slideshow Store Design design , customizations , landing-page , shopify-themes	11	127	May 28, 2025
Move arrows to overlay on slideshow instead of below Store Design troubleshooting , shop-performance	17	128	May 28, 2024
For mobile view only could you move the arrows to here (in red) then remove the bit in green? Store Design design , customizations , product-page	3	28	July 14, 2024
Slideshow customization Store Design css	12	149	September 19, 2024

Slideshow arrows on mobile view

Related topics