production site – https://alexandere103.sg-host.com/
screenshot – https://ibb.co/QMZbNps
how do I remove one of the arrows so it is not a double arrow?
thanks
there is a before and an after pseudo container.
guess it is easier to remove the before:
first try without important setting:
#top .avia-layerslider .ls-nav-next:before,
#top .avia-layerslider .ls-nav-prev:before {
content: '';
display: none;
}
but I can’t imagine this is a default setting from the layerslider; you’ll have accidentally set something yourself.
This has completed removed both double arrows now
Please see login below if you need to login
i see now – these are script controlled – visiblilty changed to visible for the anchor
on developer tools it is enough to set for one before or after pseudo-container a display none to remove only one arrow. So a mod had to login and see why there are two arrows controlled by that event.
First of all, I would turn off the minification to explore it. (wpo-minify…)
I send you the login above, if you have time, could you login and take a look for me? I couldnt figure it out
thanks as always
Hi navindesigns,
Thanks for giving us admin access.
There was an extra closing brace } which I have removed (right after avia_loading_icon), then have added this CSS code:
#top .ls-nav-prev:after,
#top .ls-nav-next:after {
display: none;
}
#top .ls-nav-prev:hover,
#top .ls-nav-next:hover {
-o-transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
Please review your site.
Best regards,
Nikko