Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #708861

    Hi Kriesi

    My search icon is not visible on a number of mobile screen sizes.

    Where can I make adjustments for it to be visible and functional?
    Is there a way to place the search icon next to the social icons on mobile view?
    Also how can I hide my side menu on certain screen sizes e.g. 768 x 1024 so only the Hamburger menu shows and not both?

    Thank you for your time and excellent theme.


    Hi waveshaper!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @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;



    Hi Basilis
    Thank you for looking into this, it steers me in the right direction. I am battling with it, but will let you know how it goes once I make progress.



    Ok, thanks for the feedback. We’ll keep the thread open in case you should need any further help.

    Best regards,


    My issue is that the search icon is displaying in my logo area on mobile. I tried to use the code from Basilis, but it removed the search icon and moved the hamburger menu to the logo area instead. Should I be referencing menu-item-search when trying to move the search icon over in the header?


    Hi jsnhickman,

    I can only see a Hostgator screen when trying to view your site, how can we access it?

    Best regards,

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

You must be logged in to reply to this topic.