help with CSS

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

  • Author
    Posts
  • #2065
    user666
    Participant
    • Topics: 2
    • Replies: 2

    Can you tell me how to make it float right on: http://valiantchickendigital.com/

  • #2066
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    Hi @user666,

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

    You can achieve that by adding the following CSS code in the Custom CSS option of Add Search To Menu plugin settings.

    
    .mh-navigation li.astm-search-menu {
        float: right;
        padding: 4px 10px  0 0;
    }
    

    Best regards,
    Vinod Dalvi

  • #2067
    user666
    Participant
    • Topics: 2
    • Replies: 2

    ah, so I had to integrate the surrounding css tag – that’s why it wasn’t working for me.

    thank you

    Can you also tell me how to make the search box itself less tall? it’s distorting the size of the menu bar.

  • #2068
    user666
    Participant
    • Topics: 2
    • Replies: 2

    ah, so I had to integrate the surrounding css tag – that’s why it wasn’t working for me.

    thank you

    Can you also tell me how to make the search box itself less tall? it’s distorting the size of the menu bar.

  • #2069
    Vinod Dalvi
    Keymaster
    • Topics: 0
    • Replies: 219

    Use below custom CSS code to reduce its height.

    
    .astm-search-menu .search-form .search-field {
        padding: 6px 10px;
        margin-top: 8px;
    }
    

You must be logged in to reply to this topic.