August 25, 2017 at 2:47 pm #210765
Hi. My customer wants a bigger logo (than the default of 360x70) which I have designed. I also changed the size settings for the logo in functions.php & style.css. However, when I add my logo which is 360 x 100 it gets resized and the header w/ navbar doesn't resize to the size of the new logo. How can I have the logo full sized and the header w/ navbar resized to look appropriate? Thanks!http://www.listenfullywithdee.comAugust 26, 2017 at 5:38 am #210780Victor FontModerator
Your logo is displaying at 360x100. You have a lot of transparent space on both sides of the image that may be confusing the issue.
The navbar and title area are independent of each other and have their own settings. Matbe this will help you understand how the header area fits together: https://victorfont.com/understanding-genesis-framework-site-header-layout/
August 26, 2017 at 12:58 pm #210794
Thank you for responding. Yes, the logo is the size the customer wants and we purposefully added transparency to the top & bottom (not the sides -- right or left) of the logo b/c she wanted more space between the top & bottom of the header & her logo -- it was too tight. I guess I might have been able to accomplish that with padding of the header somehow, just not sure how.
In any case, I still don't understand how I can make the header wider to allow the logo to be shown in it's original size w/o being resized. Something is resizing my logo and it's not viewing on the site at it's original size. Every other site I've done, if I upload a logo width bigger than what's recommended, the header width adjusts to the size of the logo.
Thanks!August 27, 2017 at 1:27 am #210802Victor FontModerator
You may not have added transparency to the sides of your logo, but it is there. Nothing is resizing the logo. The image is 360x100 and it is displaying at 360x100. If you use your browser's built-in inspection tool to view the background image of the site link, you'll see the transparency on the sides. You have to fix the image and re-upload it if you want it larger. https://victorfont.com/how-to-use-your-browsers-inspect-tool/
August 27, 2017 at 10:25 am #210813
Thank you. I was able to get the logo to show up full size. Now my question is, how to vertically align the navbar text in the center instead of at the top of the header. Thanks!September 2, 2017 at 11:32 am #211056
Hi. Can anyone answer how to align the navbar text? Thanks!May 17, 2018 at 3:36 pm #220014WhiteSpiderMember
I read your article, and that explains a lot. However I already did a Header Right. Can I just revert back by swapping back to the original code? And if so where would I get that original code?
Appreciate the help.
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.