Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax Pro – Header Width
Tagged: header, parallax-pro
- This topic has 6 replies, 3 voices, and was last updated 6 years, 6 months ago by WhiteSpider.
-
AuthorPosts
-
August 25, 2017 at 2:47 pm #210765KimMember
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 FontModeratorYour 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/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?August 26, 2017 at 12:58 pm #210794KimMemberHi Victor,
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 FontModeratorYou 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/
Regards,
Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?August 27, 2017 at 10:25 am #210813KimMemberThank 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 #211056KimMemberHi. Can anyone answer how to align the navbar text? Thanks!
May 17, 2018 at 3:36 pm #220014WhiteSpiderMemberVictor,
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.
Erik -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.