Close icon options / styling

Home Forums Product Support Forums Ajax Search Pro for WordPress Support Close icon options / styling

This topic contains 2 replies, has 2 voices, and was last updated by tjldesigns tjldesigns 6 years, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8424
    tjldesigns
    tjldesigns
    Participant

    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

    #8430
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    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 :)


    #8434
    tjldesigns
    tjldesigns
    Participant

    Excellent – works perfectly thank you Ernest 🙂

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.