This website uses cookies to personalize your experience. By using this website you agree to our cookie policy.

Close icon options / styling

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

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #8424
    tjldesignstjldesigns
    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 MarcinkoErnest 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:

    [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!

    #8434
    tjldesignstjldesigns
    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.