Increase Logo Width

This topic has 8 replies, 3 voices, and was last updated 7 years, 4 months ago by Andrew Misplon.

Author
Posts
August 20, 2016 at 1:05 am #4478

tmanx4puro
Participant
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!
August 20, 2016 at 10:14 am #4479
Andrew Misplon
Keymaster
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%;
}
```
August 20, 2016 at 6:21 pm #4483

tmanx4puro
Participant
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!
August 20, 2016 at 6:22 pm #4484

tmanx4puro
Participant
*only
August 22, 2016 at 12:47 pm #4489
Andrew Misplon
Keymaster
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.
August 23, 2016 at 7:43 pm #4511

tmanx4puro
Participant
That worked. Thanks!
August 23, 2016 at 7:44 pm #4512

Andrew Misplon
Keymaster
Glad that helped 🙂
December 9, 2016 at 6:45 pm #5645

thenicevoice
Participant
I am having the same issue. Where does the CSS code go in order to make this adjustment?
Thanks.
December 9, 2016 at 6:51 pm #5646

Andrew Misplon
Keymaster
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.
Author
Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.