Need help to remove an element from the website

[thisiskishor]

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:  

[nvchien · Accepted solution]

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!

[thisiskishor]

Thank you very much! This is exactly what I wanted!

[Made4uo-Ribe]

Hi @thisiskishor 

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.

[thisiskishor]

Hi, Thank you for the solution. 
I wanted the whole button to be removed.