How to change search style format in mani nav menu?

Home Forums FitClub Free How to change search style format in mani nav menu?

This topic contains 3 replies, has 3 voices, and was last updated by  Rajesh 5 months, 1 week ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1442813

    cshivamj06
    Participant

    If i click search icon, search box appears and covers whole screen. I want it to cover minimum space like height: 55px;
    width: 280px. For your reference my website is (plant.planetforceegym.com). i want like the search icon from this site(infinix.in).

    #1458681

    Nilan
    Moderator

    Hi,

    Please add the following CSS to the additional CSS box via Appearance > Cuatomize > Additional CSS.

    .search-wrapper {
        position: relative;
    }
    
    .search-wrapper .header-search-box {
        position: absolute;
        width: 300px;
        padding: 25px 10px 10px;
        height: auto;
        left: inherit;
        right: 20px;
        background: white;
        margin-top: 40px;
    }
    
    .search-wrapper .header-search-box .close {
        font-size: 16px;
        color: gray;    
        top: 0;
        right: 10px;
    }
    
    .header-search-box .searchform {
        margin-left: 0;
        width: 100%;
        left: 0;
        position: relative;
        top: inherit;
        transform: inherit;
    }
    .header-search-box .search-field {
        height: 50px;
        border-radius: 5px;
        font-size: 16px;
        padding: 10px;
    }
    
    .header-search-box .searchsubmit {
        border-radius: 5px;
        height: 50px;
    }

    Regards,
    ThemeGrill Support

    #1554174

    cshivamj06
    Participant

    Thanks for your help 🙂

    #1555284

    Rajesh
    Moderator

    Hi @cshivamj06,

    Glad to know it worked. If you get any issue later, feel free to ask again! I hope you liked our theme. If so, you can help us by providing a review here: https://wordpress.org/support/theme/fitclub/reviews/?filter=5

    Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.