Icon appearance issue…. lining it up with the other icons

This topic contains 4 replies, has 3 voices, and was last updated by  Vinod Dalvi 2 weeks, 5 days ago.

  • Author
    Posts
  • #2441
    alpec73
    Participant
    • Topics: 1
    • Replies: 1

    Hey Vinod,

    I’m currently trying to line the magnifying glass search icon up with the rest of my menu items on the website http://www.greyfoxgames.com . Any tips on how to line it up? I tried using padding, but it extends a red box below the search bar and bumps other things out of place.

    Thanks!
    Alex

  • #2446
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    Hi Alex,

    I hope you are well today and thank you for your question.

    You can achieve this by adding the below CSS code in the Custom CSS option of Add Search To Menu plugin settings on the path Settings -> Add Search To Menu

    .astm-search-menu svg.search-icon {
        vertical-align: middle;
    }

    Best regards,
    Vinod Dalvi

  • #2447
    alpec73
    Participant
    • Topics: 1
    • Replies: 1

    That did the trick! Thank you so much!

  • #2493
    dugb
    Participant
    • Topics: 0
    • Replies: 1

    the above CSS code did not work in my theme. See URL: 3rd30.com

  • #2494
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    @dugb To line it up on your site, you have to use below custom CSS code.

    #ht-page .astm-search-menu.sliding form {
        top: -8px;
    }

You must be logged in to reply to this topic.