Shopify themes, liquid, logos, and UX
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!
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:
Step 2: Search base.css and add the script css in the end of file:
@media (max-width: 768px) {
button.slider-button.slider-button--next {
margin-bottom: 150% !important;
}
}
Step 3: Save and reload page in storefront.
And the result, Slideshow arrows on mobile view was set higher.
I hope these instructions will help you. If they are helpful, don't forget to like and mark as the solution.
Have a nice day sir!
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
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! 🙂
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025