tmanx4puro Aug 20, 2016 · 1:05 am #4478
I have long logo (604×92), is there a way to increase the width of the logo so I can get it to 92px high proportionately? Thank you!
Increase Logo Width
Sure 🙂 You can adjust the proportions of the logo vs allowed menu space using:
/* Site Branding */
.site-header .site-branding-container {
height: 112px;
}
/* Main Navigation */
.main-navigation {
max-width: 65%;
} tmanx4puro Aug 20, 2016 · 6:21 pm #4483
Hello Andrew,
The Site Branding height adjustment on affects the Logo/Menu bar height. I added a width directive, however I was only able to make the logo smaller. I also reduced the menu to 30% and that did nothing. Thanks.
Best,
T!
tmanx4puro Aug 20, 2016 · 6:22 pm #4484
*only
Apologies, that should have been:
/* Site Branding */
.site-header .site-branding-container {
max-width: 35%;
}
/* Main Navigation */
.main-navigation {
max-width: 65%;
}Adjust the max-width values are required. Sorry for the hassle.
tmanx4puro Aug 23, 2016 · 7:43 pm #4511
That worked. Thanks!
Glad that helped 🙂
thenicevoice Dec 9, 2016 · 6:45 pm #5645
I am having the same issue. Where does the CSS code go in order to make this adjustment?
Thanks.
Hi, if you have upgraded to WP 4.7 then it can go in the field provided at Appearance > Customize > Additional CSS. The values provided above are default. You would need to adjust them as required with the total always needing to equal 100%.
If you have any follow-up questions, please, can I kindly request that you post a new topic using the form at the bottom of this page https://purothemes.com/support/forum/ultra-theme/ as this topic is resolved and each case can be a little bit different. Thanks.
9 posts