Forum Replies Created
-
Posts
-
How can i position the search field under the icon (as in the desktop) and not on the top of the logo?
I used the following code and now the search icon appear on the right place on mobile but it’s not responsive since the position is fixed. is it possible to have the search inside the mobile menu above or below the links with the search field already opened?
@media only screen and (max-width: 767px) {
li#menu-item-search, .main_menu .avia-menu {
display: block !important;
}
.av-main-nav > li {
display: none;
}
li#menu-item-search {
top: -90px;
height: 0px;
left: 230px;
}
}I deactivated all the plugins, still didn’t help. can you please check it? (you can deactivate the plugins)
When i add the code the header break look at the screenshot https://www.dropbox.com/s/gtlvlgrlky4nrc3/search.png?dl=0
Now the menu links stay in mobile view and the header break, i see the links + the hamburger + search, i want only the hamburger and the search.
I used this code:
@media only screen and (max-width: 989px) {
.html_mobile_menu_tablet .main_menu, .html_mobile_menu_tablet #header_main_alternate, .responsive #header .main_menu ul, #top #menu-item-search { display: block; }
.av-main-nav li { display: none; }}
@media only screen and (max-width: 990px) {
li#menu-item-search>a { font-size: 24px!important; }
nav.main_menu { float: right; margin-right: 15%; }}
@media only screen and (max-width: 990px) and (min-width: 500px) {
nav.main_menu { margin-right: 12% !important; }}and the search icon appear but the hamburger is gone, and on smaller screens the search disappear again and the hamburger come back…
