Tagged: , ,

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • March 31, 2015 at 1:01 pm #421081
    Morticka

    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

    March 31, 2015 at 2:47 pm #421148
    Yigit

    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

    March 31, 2015 at 4:06 pm #421260
    Morticka

    Hi Yigit :),

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

    Do you have another fix?

    Sincerely,
    Barb

    March 31, 2015 at 4:12 pm #421268
    Yigit

    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

    April 1, 2015 at 8:50 am #421788
    Morticka

    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

    April 1, 2015 at 3:19 pm #421943
    Yigit

    Hey there Barb! :)

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

    Best regards,
    Yigit

    April 2, 2015 at 11:20 am #422397
    Morticka
    This reply has been marked as private.
    April 2, 2015 at 2:00 pm #422469
    Yigit

    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

    April 2, 2015 at 6:00 pm #422663
    Morticka

    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

    April 2, 2015 at 6:40 pm #422701
    Yigit

    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

    April 3, 2015 at 9:27 am #422933
    Morticka

    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

    April 3, 2015 at 1:16 pm #423003
    Yigit

    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

    April 3, 2015 at 11:03 pm #423294
    Morticka

    Hey Yigit,

    Again, thanks. You can close her up ;)

    Sincerely,
    Barb

    April 4, 2015 at 7:43 am #423386
    Rikard

    Hey!

    Glad we could help :)

    Regards,
    Rikard

  • Author
    Posts
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.