Hi,
I just updated to premium Vantage theme. In the free version, logo was shown in the menu. Now it doesn’t show any more. I checked that the option in Appearance->Theme settings->Layout Masthead layout is correctly selected to Logo in menu. When I select it to be default layout I can see the logo.
Thank you
i can see the logo in the menu when visiting the site…
but it is hard to see due to it’s small size, here are some css changes that will help enlarge and align the menu text and hover.
add this to the custom css
header#masthead.masthead-logo-in-menu .logo > img {
width: auto;
height: auto;
max-width: 100%;
max-height: 75px !important;
}
.main-navigation ul li a {
padding: 40px 25px !important;
height: 100px !important
}
Thanks
Now it’s better. Is there a way that the masthead is centered? Like the footer?
.main-navigation ul {
text-align: center !important;
}
.main-navigation ul li {
display: inline-block !important;
float: none !important;
}
Hi Ivan,
James has provided a custom css that will sort your issue out please try it out
.main-navigation ul { text-align: center !important; } .main-navigation ul li { display: inline-block !important; float: none !important; } header#masthead.masthead-logo-in-menu .logo > img { width: auto; height: auto; max-width: 100%; max-height: 75px !important; } .main-navigation ul li a { padding: 40px 25px !important; height: 100px !important }@James thank you, much appreciated.
Cheers
Thanks all. I did try it. Its working great. Thank you all.
I do have another question. When I enable my theme to display on small screen devices and view the site on my mobile, the menu is way too big and looks ugly. Can that be adjusted somehow?