Custom CSS not working

This topic contains 1 reply, has 2 voices, and was last updated by  Vinod Dalvi 6 days, 8 hours ago.

  • Author
  • #2824
    • Topics: 1
    • Replies: 0

    I’ve tried to add CSS to the plugin that I’ve seen in this forum and nothing is happening.

    1. Change to white
    2. Have it fit inline with the rest of the menu items
    3. Align correctly for mobile devices

    Thank you

  • #2826
    Vinod Dalvi
    • Topics: 0
    • Replies: 267

    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

    li.astm-search-menu path {
    fill: #fff;
    .astm-search-menu .search-close:before,
    .astm-search-menu .search-close:after{
        border-color: #fff;
    @media (min-width: 896px){
    li.astm-search-menu {
        margin-top: 1.2em;
    @media (min-width: 1152px){
        li.astm-search-menu {
        margin-top: 2.4em;
    @media screen and (max-width: 910px){
    .astm-search-menu form {
        margin-bottom: 20px;

    Best regards,
    Vinod Dalvi

You must be logged in to reply to this topic.