Hello,
There is a small navigation icon/button at the end of the slides on both mobile devices and desktops, I want to remove them altogether and join the two columns without the whitespace in the middle. How can I do that?
Link: https://fitnessnbalance.com/
Image for reference:
Hi @thisiskishor ,
You can go to edit theme, find the “base.css” file and update below code:
.slideshow__controls,
.multicolumn .slider-buttons {
display:none !important;
}
Hope this helps!
Do you mean like this?
If it is check this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.slider-button--next, .slider-button--prev {
display: none;
}
.slider-counter__link {
padding: 1rem 0;
}
And Save.
Thank you very much! This is exactly what I wanted!
Hi, Thank you for the solution.
I wanted the whole button to be removed.