Responsive issue with header search icon

Homepage Forums WP Travel Responsive issue with header search icon

Tagged: ,

This topic contains 9 replies, has 4 voices, and was last updated by  wensolutions 3 months ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #6042

    hello_k
    Participant

    Hi Support,

    Thank you for an awesome theme and plugin set – love them!!

    When I visit my site on my phone the “search icon” in the header is on top of the “stacked menu” icon. Is there a way to fix this, or how can I disable the header search?

    Thank you!

    #6047

    Support Team
    Keymaster

    Hello @hello_k,

    We are not quite sure which icon you are referring to so please can you post your site URL so that we could inspect further and provide the precise fix?

    Thank you.

    Best Regards!!

    #6052

    hello_k
    Participant

    Thanks for your reply. I can’t link to localhost but I’ve put screenshots up here. Hopefully you can see it…

    I think for short site names the search icon in the header wouldn’t be an issue, but it doesn’t respond well with longer site names.

    #6056

    Support Team
    Keymaster

    Hello @hello_k,

    To resolve the issue in the mobile version use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    @media (max-width:992.99px){
        .site-branding {
            width: calc( 100% - 60px );
        }
    }

    Hope this helps.

    Best Regards!!

    #6057

    hello_k
    Participant

    Perfect – thank you!
    Your customer service really has been worth the full 5 stars.

    #6058

    Support Team
    Keymaster

    Hello @hello_k,

    Thank you very much for the appreciations and this what makes us keep going 🙂 .

    Also as mentioned in the previous reply, we would really appreciate if you could help us by rating our plugin.

    Link:

    https://wordpress.org/support/plugin/wp-travel/reviews/

    Thank you.

    Best Regards!!

    #18838

    seal
    Participant

    Hello,

    We also have a problem with the SEARCH icon on the mobile version.
    sealadventures.fr

    Thanks for your help

    #18862

    wensolutions
    Keymaster

    Hello @leisureandadventure

    Please add the below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS

    @media (max-width: 992px) {
    #header-search .wt-icon-search {
        top: 25px;
        right: 2px;
    }}

    Hope this helps

    Feel free to reach us for any further query/confusion.

    Regards!

    #18866

    seal
    Participant

    Dear Support Team,

    Perfect, well done as usual !

    Have a nice day

    #18868

    wensolutions
    Keymaster

    Hello

    Glad that we could help you.

    Feel free to reach us for any further query/confusion.

    Regards!

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

You must be logged in to reply to this topic.