Need custom CSS to align search bar

This topic contains 3 replies, has 2 voices, and was last updated by  Vinod Dalvi 1 week, 6 days ago.

  • Author
    Posts
  • #2036
    agoidina
    Participant
    • Topics: 1
    • Replies: 1
    • Total: 2

    Hello, my website is nukde.com and I am having trouble fitting the search bar into the main navigation menu. May you please help?
    I tried using various solutions you shared earlier but adding them to the plugin CSS in settings didn’t do anything.

    EDIT: A friend helped me get the CSS code to fit the white bar in the menu, but I don’t know how to get the yellow button to be on the right side. Also, there is unequal spacing between last menu option and search bar. Might you know how to fix this?

  • #2038
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 97
    • Total: 97

    Hi Agoidina,

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

    You can align it correctly by adding the following CSS code in the Custom CSS option of Add Search to Menu plugin settings.

    
    li.astm-search-menu  form.search-form label {
        float: left;
    }
    
    .astm-search-menu {
        margin: 0 15px;
    }
    
    li.astm-search-menu  form.search-form .search-submit {
        line-height: 12px;
        height: 25px;
        padding: 0 15px;
    }
    

    Best regards,
    Vinod Dalvi

    • #2039
      agoidina
      Participant
      • Topics: 1
      • Replies: 1
      • Total: 2

      Wow! Thank you very much! It worked perfectly 🙂
      Excellent support

  • #2040
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 97
    • Total: 97

    You are most welcome, I’m glad I was able to resolve this matter for you. 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

    We’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.