Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #421081

    Hi guys,

    After the Enfold update to 3.1.3. my search icon disappears in the header on mobile. Normally you see it next to the left of the hamburger menu. The hamburger menu is still where it’s supposed to be.

    This happens with landscape view on iPad and landscape and portrait view on Android mobile phone.

    Do you have a solution?

    Sincerely,
    Morticka

    #421148

    Hey Barb!

    Please add following code to Quick CSS

    @media only screen and (max-width: 989px) {
    .responsive.html_mobile_menu_tablet .main_menu .avia-menu, .responsive.html_mobile_menu_tablet #header_main .social_bookmarks, .responsive.html_mobile_menu_tablet #header_main_alternate {
      display: block;
    }
    li#menu-item-search {
      margin-top: -90px;
    }}

    Regards,
    Yigit

    #421260

    Hi Yigit :),

    Nope, the code did not work, I still can’t see the search icon?

    Do you have another fix?

    Sincerely,
    Barb

    #421268

    Hi! :)

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    li#menu-item-search {
      margin-top: 0;
    }}

    Cheers!
    Yigit

    #421788

    Hey :D,

    Thx! The search icon looks correct in portrait mode on Android mobile.

    But, in landscape mode the search icon is not aligned anymore.

    On the iPad the search icon is still missing in portrait mode?? Weird.

    Do you have another solution?

    Sincerely,
    Barb

    #421943

    Hey there Barb! :)

    Do you mind creating a temporary admin login and posting it here privately?

    Best regards,
    Yigit

    #422397
    This reply has been marked as private.
    #422469

    Hey Barb!

    I have made the adjustments and search icon is showing up fine on both portrait and landscape mode on my end – http://imgur.com/a/t6D3V
    I also tried resizing browser window and cannot see any issues. Can you please review your website now?

    Regards,
    Yigit

    #422663

    Hi Yigit,

    Thx for trying, but the search icon is still not aligned to the menu in landscape mode. You see that the search icon is higher. It has to look the same as in portrait mode on Android.

    And on iPad the search icon is still missing.

    Do you have another solution?

    Sincerely,
    Barb

    #422701

    Hi!

    It used to work fine when i resize browser window but i could reproduce the issue on ipadpeek.com. I made some more adjustments. Please review your website now

    Best regards,
    Yigit

    #422933

    Hi Yigit,

    Thanks so much, it looks so much better now and the search icon is back on the iPad!! :D

    Did you only adjust the CSS code in the Quick CSS box? Not in style.css?

    Sincerely,
    Barb

    #423003

    Hey!

    Yes, i adjusted it in Quick CSS field and did not touch style.css file.
    You are welcome Barb, always glad to help :) Shall we mark the thread as resolved?

    Regards,
    Yigit

    #423294

    Hey Yigit,

    Again, thanks. You can close her up ;)

    Sincerely,
    Barb

    #423386

    Hey!

    Glad we could help :)

    Regards,
    Rikard

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Search icon disappears on mobile after Enfold update 3.1.3.’ is closed to new replies.