Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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.

    #708880

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

    Cheers!
    Basilis

    #712385

    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.
    Cheers

    #712466

    Hi,

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

    Best regards,
    Rikard

    #1260380

    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?

    #1260559

    Hi jsnhickman,

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

    Best regards,
    Rikard

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

You must be logged in to reply to this topic.