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

This topic contains 6 replies, has 4 voices, and was last updated by  Vinod Dalvi 2 months, 3 weeks 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: 302

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

    @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;
    }
  • #2652
    kvd123
    Participant
    • Topics: 1
    • Replies: 5
    This reply has been marked as private.
  • #2655
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 302

    @Kees This topic is resolved and to help us keep support thread separates could you please create your own thread for your question here http://freewptp.com/forum/wordpress-plugins-forum/add-search-to-menu/ instead of replying on others thread as it makes the thread messy and hard to read.

    If you want to you can also add reference of this thread in your newly created thread.

    We would be more than happy to help you on your new thread.

You must be logged in to reply to this topic.