-
Posts
-
Hi I have searched around the blogs for the code to get my header to have the logo on the left, and the menu in the center. I’ve used this:
.html_header_top.html_logo_center .logo {
left: -11%!important;}
This works, but it makes the logo shrink. I think it must be something to do with the menu custom css which is this:
.main_menu ul:first-child > li > a { font-size: 14px; }
#header_main .container, .main_menu ul:first-child > li > a {height:80px!important;line-height:80px !important;
}
ul#avia-menu .sub-menu li a {line-height: 30px!important;
}
#header_main_alternate .container {
height: 80px!important;
}
#header_main_alternate .container, #header_main_alternate #avia-menu{
width: 85%;}
.av-main-nav > li {
width: 13.33%;
margin-top: 50px!important;
}
.main_menu .menu ul { width: 183px;
}Not matter what I do I can’t get the logo to display at the full size.
I hope you can help.
Regards – Raphe
Hey Raphep,
Sorry for the late reply. I’m not sure I understand what you are looking to achieve, could you post a screenshot highlighting them please?
Best regards,
RikardHi Richard. Thanks for getting back to me. I’m trying to make the navigation look like it is on this link http://www.templatemonster.com/demo/50690.html only with the logo on the left hand side. Currently when I try to make the menu bar deeper using
#header_main_alternate .container {
height: 80px!important;line-height: 80px!important;
}
it shrinks the logo and creates a big gap between menu titles such as ‘WHAT WE DO” when the screen size gets smaller and the title appears on 2 lines.
This is a great theme and I hope you can help.Regards – Raphe
Hi,
Please add this css code if you want to display the actual height of the image.
.logo a img { max-height: none !important; }It’s a bit too tall for the header so you have to adjust the header height as well.
Best regards,
Ismael
- You must be logged in to reply to this topic.