I just put up a new header and there is a little bit of white space on each side of it. I can’t select full-screen sections under theme options, it won’t allow me. I’m also unable to use an image that is 220 pixels in height. The theme will allow me to select 220 under custom header height, but this just adds white space under the image. The max I’m able to select is 200. The image is 1250 x 220. Is there any way to remove the white space on the sides of the header and make the header height 220? Thanks guys.
Hi!
Try with this code:
#header_main .container, .main_menu ul:first-child > li a {
height: 220px;
line-height: 22px;
}
.html_header_top #top .av_header_stretch .container {
width: 100%;
}
.logo img {
height: 220px;
padding: 0;
}
Best regards,
Josue
That worked wonderful. Thanks again! How do I make the main menu bar larger (longer) in landscape mode on the iPad? Also, I have an update notification. If I update, do I need to reenter all the quick css? I have it all saved in a separate document.
Hey!
Try modifying this code you have in Quick CSS (set a font-size of 12px or more):
@media only screen and (max-width: 1139px) {
.avia-menu-text {
font-size: 9px !important;
}
}
No, Quick CSS is saved in the database. If you have not modified the theme core files is safe to update.
Regards,
Josue
Ok, I can only go to 10px before it makes the menu drop in standard view. Any way around this? It’s not a huge deal, just something my eye catches.
You could color the menu background:
#header_main_alternate {
background: #068ca0;
}
Regards,
Josue
That’s what I really wanted to do! I’m happy. I just told my wife I have a new best friend :). Thanks you very much!
You are welcome, thanks for the kind words :)
Regards,
Josue