Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 11, 2018 at 7:17 pm #940618
    Adamantum

    Hi there, this is hopefully a problem with a quick solution. How do I make the magnifying glass search icon always appear, even when in mobile view? I already have some Quick CSS added, which I’ve included below — just to make sure that any new CSS you provide doesn’t create a conflict. Thanks!

    .header_color .main_menu ul:first-child > li > a { color: black; font-size: 14px; }

#top .main_menu .menu ul li>a { color:black; }

.main_menu .menu ul { width: 275px; }

#top .main_menu .menu li ul ul{
    left: -275px !important;
}

.addthis_toolbox {
padding-bottom: 10px;
float:right;
}

div.page p {
clear:right;
}

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

#top .av-main-nav ul a { padding: 5px 10px; }
    April 11, 2018 at 10:02 pm #940654
    Yigit

    Hey,

    Please change your code to following one 

    .header_color .main_menu ul:first-child > li > a { color: black; font-size: 14px; }

#top .main_menu .menu ul li>a { color:black; }

.main_menu .menu ul { width: 275px; }

#top .main_menu .menu li ul ul{
    left: -275px !important;
}

.addthis_toolbox {
padding-bottom: 10px;
float:right;
}

div.page p {
clear:right;
}

@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;
}
.responsive .main_menu {
  float: right;
}}
#top .av-main-nav ul a { padding: 5px 10px; }

    Best regards,
    Yigit

    • This reply was modified 6 years, 8 months ago by Yigit.
    April 11, 2018 at 11:13 pm #940680
    Adamantum

    Hi Yigit, it worked like a charm. Thanks for your speedy response!

    April 11, 2018 at 11:20 pm #940684
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Search Icon Not Present in Mobile View’ is closed to new replies.