Hi I want to enlarger the logo and center it in the middle vertically. currently the template seems to only allow a maximum of 90px height for the logo but i want the logo to be 110px height and it dosnt matter if the menu bar needs to be adjusted to suit.
Ive attached two visuals. please see attachment for the current visual and the the way I want it to look and the other visual
To increase the navigation bar you can use some custom CSS. Please add the following under Appearance > Customize > Theme Options > Custom > Custom CSS (textarea).
@media (min-width: 992px) {
.navigation { min-height: 110px; }
.main-navigation::before { border-width: 0px 0 110px 40px; }
.main-navigation li a { padding: 44px 15px; }
}
@media (min-width: 1200px) {
.main-navigation li a { padding: 42px 20px 43px 20px; }
}
The most optimal is to upload the logo that is 110px in height. Else you can increase the width of the logo in the Logo panel of the theme customizer. To center is vertically you can use the 'Logo Margin Top' option.
Hi I want to enlarger the logo and center it in the middle vertically. currently the template seems to only allow a maximum of 90px height for the logo but i want the logo to be 110px height and it dosnt matter if the menu bar needs to be adjusted to suit.
Ive attached two visuals. please see attachment for the current visual and the the way I want it to look and the other visual
Thank you
Mark
Hi Mark,
To increase the navigation bar you can use some custom CSS. Please add the following under Appearance > Customize > Theme Options > Custom > Custom CSS (textarea).
The most optimal is to upload the logo that is 110px in height. Else you can increase the width of the logo in the Logo panel of the theme customizer. To center is vertically you can use the 'Logo Margin Top' option.
If you have any questions please let me know
Best regards,
Barry
QreativeThemes.com | WordPress Themes