Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • July 16, 2015 at 5:11 pm #474457
    mediax2014

    Hi Guys,

    Please can someone assist me with this. The search Icon is not showing up on my mobile browsers. I have tried some of the code examples that was suggested for other users, but had no luck.

    Thanks.

    July 17, 2015 at 3:17 am #474653
    Ismael

    Hey mediax2014!

    Thank you for using Enfold.

    The search icon is inside the default menu container which is hidden on mobile devices. Try to add this to the Quick CSS field to display the search icon on mobile:

    @media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: block;
}}

    Cheers!
    Ismael

    July 17, 2015 at 8:22 am #474718
    mediax2014

    Hi Ismael,

    Thank you, that worked and brought the search icon back :)

    I had to add: 

    .main_menu .avia-menu, #header_main_alternate, .fallback_menu {
    display: block; z-index:11000; height:0px !important;
}

    To hide the block again.

    July 17, 2015 at 9:11 am #474740
    vixen portia

    Hi guys, I am having a problem with the placement of both my search icon and my cart icon on my mobile view.
    When in mobile view (Please see attached image) they are placed under my logo in the header area.
    I would like to completely remove the cart icon and then have the search icon next to the sandwich menu.
    Is this doable?
    Thanks a lot.

    This is the code i used in Quick CSS to get the search icon to show on my mobile view.

    @media only screen and (max-width: 767px) {
.main_menu .avia-menu, #header_main_alternate {
  display: block !important;
}
.av-main-nav > li { display: none; }
li#menu-item-search {
  display: block!important;
  margin-top: -90px;
  right: 70px;
}
.responsive .main_menu {
  float: right;
}}
    July 17, 2015 at 12:51 pm #474875
    Basilis

    Hi!

    Please do not post duplicate posts or add your info on existing, please do open your own task! Thanks a lot!

    Best regards,
    Basilis

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Search Icon on Mobile browsers’ is closed to new replies.