Styling help

Tagged: ,

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

  • Author
    Posts
  • #2618
    tammie
    Participant
    • Topics: 1
    • Replies: 1

    I tried other css I have found in this forum, but none of it has worked.

    Can you please tell me how to change the icon color to white, and to line it up horizontally with the rest of the menu items?

    Thank you in advance for your assistance.

    Home

  • #2623
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 244

    Hi Tammie,

    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 path {
        fill: #fff;
    }
    
    .astm-search-menu.full-width-menu form,
    .astm-search-menu.sliding form {
        position: absolute !important;
        z-index: 9 !important;
        overflow: visible !important;
        display: none;
        top: 15px;
    }
    
    .astm-search-menu.full-width-menu.open form,
    .astm-search-menu.sliding.open form {
        display: block;
    }
    
    #headerwrap .astm-search-menu.open #searchform .icon-search:before{
        color: #000;
        border: 0;
    }
    
    #header .astm-search-menu.open #searchform #s {
        width: 140px;
        color: #333;
        opacity: 1;
        padding-left: 2.25em;
        padding-right: 2.25em;
    }
    

    Best regards,
    Vinod Dalvi

  • #2629
    tammie
    Participant
    • Topics: 1
    • Replies: 1

    Perfect! Thank you for your prompt service.

  • #2630
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 244

    You are most welcome, I’m glad I was able to help you in this matter. There is no obligation but by your kind words I wonder if I could trouble you to leave a review based on this experience here:

    https://wordpress.org/support/plugin/add-search-to-menu/reviews/?filter=5

    I’d really appreciate that. 🙂

    And if i can be of any further assistance please don’t hesitate to ask.

You must be logged in to reply to this topic.