Carousel - scaling prev/next buttons in the mobile verison
-
hi, I added personalised previous and next buttons for the carousel on my website. Now that I am starting to layout the mobile version of it, i noticed there is not such a function to scale down or set different buttons for the mob-bile version, and that therefore the buttons appear way too big (see screenshots).
By inspecting the page and the element i was able to trace back the following code which seem to alter the size of the buttonslaycarousel-custom-button { position: relative; width: 50px; height: auto; }
however, when i copy and paste this in the Laytheme-custom CSS page and test different width values, nothing seems to change; I know i am not so expert on coding, therefore something could be clumsily wrong. Or perhaps there is even a simpler solution for this, that i haven't found yet. thanks a lot for your help :)
-
Dear @compensato
Great to hear that you have inspected and are applying Custom CSS 🌝
Could you please post a link to your website so that users can see your Mobile Layout Buttons. 🔍
Best wishes & thank you for supporting Lay Theme
Richard
-
sure! here it is https://www.alessandrocugola.com/
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it