Close icon options / styling

[tjldesigns]

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 Marcinko]

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:

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

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

[html].proclose svg {
box-shadow: none !important;
}[/html]

I hope this helps!

[tjldesigns]

Excellent – works perfectly thank you Ernest 🙂

[Author]

Posts