I am using the feature slider for the banner image only. I wish to remove the previous and next buttons, but can’t seem to make them disappear for all devices for both hoover and still. They appear again at about size 1440 so I have added one media query …see below…. but you can likely help me do this much easier as they are still not completely disappearing.
Also the red dot remains in the middle of small screens and I need to get rid of that too.
Go to media screen size 1024 for this site. You will see them there. https://www.lowdermilktransport.ca/
#feature-slider:hover .cycle-next {
display: none;
}
#feature-slider:hover .cycle-prev {
display: none;
}
feature-slider .cycle-next, #feature-slider:hover .cycle-next {
display: none;
}
feature-slider .cycle-prev, #feature-slider:hover .cycle-prev{
display: none;
}
@media only screen and (max-width: 1440px)
{#feature-slider:hover .cycle-next {
display: none;
}
#feature-slider:hover .cycle-prev {
display: none;
}
feature-slider .cycle-next, #feature-slider:hover .cycle-next {
display: none;
}
feature-slider .cycle-prev, #feature-slider:hover .cycle-prev{
display: none;
}
}