Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 25, 2020 at 9:56 pm #1233241
    neonlights79

    Hi guys,
    I want a search icon on mobile. I tried to add the following code to Quick CSS in Enfold theme options under General Styling tab but it doesn’t work. Can you help me?
    @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 26, 2020 at 5:00 am #1233275
    Nikko

    Hey neonlights79,

    Can you give us a link to your site? so we can check it.

    Best regards,
    Nikko

    August 2, 2020 at 11:28 am #1234585
    neonlights79

    Hi Nikko,
    the link site is in the private content.

    Thank you su much

    Luigina

    August 3, 2020 at 1:30 pm #1234837
    Nikko

    Hi neonlights79,

    Thanks for the link, please try adding this CSS code:

    @media only screen and (max-width: 767px) {
  #top #header .av-main-nav > #menu-item-search {
    display: block !important;
    margin-top: 0;
    right: 20px;
  }
}

    Best regards,
    Nikko

    August 3, 2020 at 2:01 pm #1234855
    neonlights79

    Hi Nikko,
    thank you so much, now the Css code works.

    Luigina

    August 3, 2020 at 3:26 pm #1234882
    Nikko

    Hi Luigina,

    We are delighted to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘search icon on mobile’ is closed to new replies.