All things Shopify and commerce
Hi, I would like to have the arrows at the same height as the text on mobile, can someone help me with this
Solved! Go to the solution
This is an accepted solution.
try adding this in your base.css file or your custom css file
@media screen and (max-width:500px){
button.image-text-btn-prev-template--24039743357252__ss_video_with_text_5_iyV86z,.button.image-text-btn-next-template--24039743357252__ss_video_with_text_5_iyV86z{
top:30%;
transfrom:translate(-30%);
}
This is an accepted solution.
try adding this in your base.css file or your custom css file
@media screen and (max-width:500px){
button.image-text-btn-prev-template--24039743357252__ss_video_with_text_5_iyV86z,.button.image-text-btn-next-template--24039743357252__ss_video_with_text_5_iyV86z{
top:30%;
transfrom:translate(-30%);
}
Hi @User026
Please add this code to Custom CSS of that section to do that
@media (max-width: 749px) {
.image-text-btn-prev-template--24039743357252__ss_video_with_text_5_iyV86z, .image-text-btn-next-template--24039743357252__ss_video_with_text_5_iyV86z { top: 30% !important; }
}
- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025