• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Parallax Pro – Header Width

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Parallax Pro – Header Width

This topic is: not resolved

Tagged: header, parallax-pro

  • This topic has 6 replies, 3 voices, and was last updated 4 years, 8 months ago by WhiteSpider.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • August 25, 2017 at 2:47 pm #210765
    Kim
    Member

    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!

    Website

    http://www.listenfullywithdee.com
    August 26, 2017 at 5:38 am #210780
    Victor Font
    Moderator

    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/


    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 #210794
    Kim
    Member

    Hi 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 #210802
    Victor Font
    Moderator

    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/


    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 #210813
    Kim
    Member

    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
    Kim
    Member

    Hi. Can anyone answer how to align the navbar text? Thanks!

    May 17, 2018 at 3:36 pm #220014
    WhiteSpider
    Member

    Victor,

    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

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble