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
    Posts
  • #2824
    larrygee
    Participant
    • Topics: 1
    • Replies: 0

    I’ve tried to add CSS to the plugin that I’ve seen in this forum and nothing is happening. http://ranchoestrella.com/h/

    Goal:
    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
    Keymaster
    • 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 svg.search-icon 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.