Close icon options / styling

[tjldesignsParticipant]

Hello,

Is it possible to only show the Close icon on mobile? Ie maybe via CSS I could just control this?

Also, sorry if I am missing something obvious, but can I also remove the white border on the icon? You will see on my website design it would look nicer without 🙂

Many thanks, TJ

[Ernest MarcinkoKeymaster]

Hi!

Yes, both possible actually. First, make sure to have the close icon enabled. Then use this custom CSS to hide it on devices with resolution above 479px:

@media only screen and (min-device-width: 479px) {
    .proclose {
        display: none !important;
    }
}

Then, to remove the border from around the icon, use this custom CSS:

.proclose svg {
    box-shadow: none !important;
}

I hope this helps!

Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[tjldesignsParticipant]

Excellent – works perfectly thank you Ernest 🙂

[Author]

Posts