-
AuthorPosts
-
February 1, 2018 at 2:27 pm #906293
Hi,
I’ve searched the support but I cannot find a solution to these problems concerning teh hamburger menu:
– on mobile screens the menu has a lot of whte space above the first menu item, how can I make sure it starts at the top?
– on mobile and iPad screen the home icon I’ve used in the menu is not aligned at the bottom, how can I make sure its aligned correctly?Thanks a lot!
February 1, 2018 at 3:13 pm #906322Hey JantienM,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
@media only screen and (max-width:767px) { .responsive #top #header_main > .container .main_menu .av-main-nav > li > a { line-height: 4 !important; } }Hope this helps :)
Best regards,
NikkoFebruary 1, 2018 at 3:28 pm #906338Hi Nikko,
Nope sorry that didn’t work.
I must say I am already using some code that’s handling the menu and the hamburger menu, maybe hat’s intervering?
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.responsive #top #header {
position: absolute !important;}}@media only screen and (max-width: 1024px) {
nav.main_menu {
display: block !important;
}
#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}February 1, 2018 at 11:52 pm #906545Hi,
Did you add Nikko’s code to the very top of quick css so it runs first?
Best regards,
Jordan ShannonFebruary 2, 2018 at 12:47 pm #906827Jordan, I tried, but still doesn’t work I’m afraid. Any ideas?
ThanksFebruary 2, 2018 at 6:00 pm #906933Hi,
How about trying this css instead. Keep in mind there will still be a little space for the search and close icons.
#av-burger-menu-ul{ padding-top:110px!important; }Best regards,
Jordan ShannonSeptember 28, 2018 at 12:13 pm #1015721Thanks Jordan, that worked. Topic can be closed.
September 28, 2018 at 7:12 pm #1015856Hi JantienM,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.
