-
AuthorPosts
-
August 5, 2022 at 10:02 pm #1360867
Hi,
How can include the search icon un mobile next to the burger icon?
Thanks advance.BR,
Antonio.
August 6, 2022 at 10:33 am #1360886Hey Antonio,
This CSS is hiding it:
@media only screen and (max-width: 1270px) { #top #header .av-main-nav > li.menu-item { display: none!important; } }
Did you add that? If so, then please try to remove it again. If you should need further, then please include admin WordPress login details in private.
Best regards,
RikardAugust 6, 2022 at 2:30 pm #1360914Hi Rikard,
Ahhh you right. Many thanks!
BR,Antonio
August 6, 2022 at 6:28 pm #1360932Hi,
Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
RikardAugust 6, 2022 at 8:02 pm #1360943I Rikard,
I review the css I have this code because it is the breakpoint between the regular menu and the burger.
@media only screen and (max-width: 1270px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}
}I would like set display: none; all the regular menu, except the search icon.
Cold you help me?Thanks advance.
BR,
Antonio.
August 6, 2022 at 8:24 pm #1360945Hi,
Thanks for the update. So you want to remove all items from the burger menu? Or do you mean the desktop menu? I’m not sure what the point of that would be though, are you trying to activate the burger menu at an earlier point maybe?
Best regards,
RikardAugust 6, 2022 at 8:31 pm #1360946Hi Rikard,
At 1270px I remove the desktop menu and the burger appears. I got it with this css:
@media only screen and (max-width: 1270px) {
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}
}I would like remove this line:
#top #header .av-main-nav > li.menu-item {
display: none!important;
}
and add new one that set display none all desktop menu except the search icon.
Could you help me?
Thanks advance,BR,
Antonio.
August 7, 2022 at 10:08 am #1360974Hi,
Thanks for the clarification. Please try this CSS instead, to activate the burger menu at an earlier point:
@media only screen and (max-width: 1270px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special { display: block; } }
Best regards,
RikardAugust 7, 2022 at 11:02 am #1360984Hi Rikard,
I have add the css but the search icon is not from 1270px to 767px.
Many thanks,
BR,Antonio.
August 7, 2022 at 1:49 pm #1360997Hi,
Thanks for the update. Please try this CSS instead:
@media only screen and (max-width: 1270px) { nav.main_menu { display: block !important; } #avia-menu .menu-item { display: none; } .av-burger-menu-main.menu-item-avia-special, #avia-menu #menu-item-search { display: block; } }
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.