Displaying content on mobile devices

[Richardepc]

Hello,

We have displayed our HikaShop products on the homepage (https://www.continuitylenses.co.uk/en/) in three columns. However, on mobile devices, you have to scroll to view each product/column. This is fine but we need to display some visual indication (arrows?) to customers that they need to scroll to see the other products. How can we do this?

The alternative is we could stack them on top of each other. How would this be achieved with the template?

Thanks,
Richard

[joomlavi.chi]

Hello my friend,
Please add this CSS into file template\jv-alinone\css\custom.css to display the narrow of the slide:
.hikashop_module .owl-carousel .owl-buttons > div { display: block !important; top: -52px; } .hikashop_module .owl-carousel .owl-buttons > div.owl-next { right: 5px !important; left: auto; } .hikashop_module .owl-carousel .owl-buttons > div.owl-prev { right: 40px !important; left: auto !important; }
Still have concerns, please do not hesitate to contact us.
Best Regards,
Joomlavi Team

[Richardepc]

Thanks - works perfectly.
The hover effect is green. We would like to change the colour. What is the name of the CSS class we need to target to do this?

[joomlavi.chi]

Hello my friend,
The effect is using image https://www.continuitylenses.co.uk/t...ustom/po-2.png
You can use it to edit any image and changing colors accordingly.
Still have any questions or concerns, please do not hesitate to contact us.
Best Regards,
Joomlavi Team