-
Posts
-
Hello, I have three queries all relating to the header space on my website if somebody can please help me! I’m not tech savvy so please explain like you would to a child :)
1. Burger menu on mobile: This is currently lower down than the logo on mobile. Is it possible to align these (either move the menu up on mobile, or move the logo down – only on mobile)
2. Colour section above header on one page only: I would like to add a banner across the top of one page only. It is to advertise a page elsewhere on the website so it will probably just be a colur section with some text in it. Currently the header is set to transparent and my client would like this banner to go above the menu/logo. Is this even possible??
3. Transparent header works on mobile and desktop but not in between: Currently I have Quick CSS in to make the mobile header transparent, and also on desktop. But if you drag the browser in, the header appears NOT transparent in between these two stages (maybe tablet landscape I’m guessing??) Can you help?
Hey FA123,
Sorry for the late reply, for question 1, 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: 767px){ .responsive #top .av-logo-container .avia-menu { top: -10px !important; } }for question 2, please see our documentation for adding a header widget area
for question 3, I adjusted your css, which only had the transparent mobile header up to 900px and it needed to be 989pxBest regards,
Mike
- You must be logged in to reply to this topic.