Hello support,
Only on Iphone im facing the problem that people have to scroll down in the menu to see all headlines, once they have pushed the burger menu.
Why is it not centered and can you help me out centering it for all devices, so people dont have to scroll?
Here is a picture showing the problem:
https://drive.google.com/file/d/0BwEYjOe0Ei7ralY5UUZGdENYMncxbnlHUnJQd1dET1ZsLWxB/view?usp=sharing
Hey AuroraArcus,
Unfortunately, I do not have a iPhone to test with, but you can adjust the padding with this css. I believe this is the correct padding, and it should target iPhone by the screen width.
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 380px) {
#av-burger-menu-ul {
vertical-align: top !important;
padding-top: 100px !important;
}
}
If you want the menu higher try 75px, or 125px for it to be lower.
When I look at your site it looks like the chat popup is hiding the bottom of the menu, but this css should help.
Best regards,
Mike
Hi Mike,
I tried changing it to this:
}
}
@media only screen and (max-width: 380px) {
#av-burger-menu-ul {
vertical-align: top !important;
padding-top: 75px !important;
}
}
It seems no changes were made… Do you have any idea why?
I had someone test it. Works now:)!
You can close the topic!
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon