The mobile search icon is located outside of the header section

  • Resolved comaxi

    (@comaxi)


    8 months ago

    Thanks for creating such an excellent plugin!

    I’m developing a site locally on my Mac. When I enable the Mobile search in the Settings, I could see the search icon, but it is outside the mobile header section.

    By reviewing the source code, I can see the search icon & form is loading before my mobile site header section like this:

    <div class="astm-search-menu-wrapper is-menu-wrapper">
<div><span class=" astm-search-menu is-menu is-dropdown">
</div></div>

<header id="Mobileheader" class="header">
<div class="MheaderWrap"></div>
<div class="MheaderLeft"></div>
<div class="MheaderCenteLogor">LOGO here</div>
<div class="MheaderRight"></div>
</header>

    Would it be possible to load the mobile search icon & form inside the MheaderLeft Div?

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Vinod Dalvi

    (@vinod-dalvi)

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

    Do you want to move the search icon location on mobile or change its markup in the code?

    If you want to move the search icon location on mobile then could you please share your site URL where it displays so I can help you to achieve it?

    If you want to change its markup in the code then you have to develop custom code in the child theme file.

    Best regards,

    Thread Starter comaxi

    (@comaxi)

    Thanks for your reply. I added the following code to call the mobile search function in the mobile header section in my child theme, but it didn’t work. Would you let me know what I did wrong? Thank you!

    if( wp_is_mobile() ) {
        if(function_exists('header_menu_search')){
    header_menu_search();
}
    Thread Starter comaxi

    (@comaxi)

    I figured it out. Thanks for pointing me to the right direction!

    Plugin Author Vinod Dalvi

    (@vinod-dalvi)

    Awesome great to see you got that figured out.

    Please advise if you have more questions.

    Have a fantastic day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘The mobile search icon is located outside of the header section’ is closed to new replies.

Tags