• 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

Aspire Pro Header Logo

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 › Aspire Pro Header Logo

This topic is: resolved

Tagged: aspire pro, custom logo, header

  • This topic has 7 replies, 3 voices, and was last updated 6 years, 11 months ago by acavella.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 23, 2016 at 4:55 pm #184284
    acavella
    Member

    Hi guys, I'm having some problems adding a custom logo to Aspire Pro. I created a logo using the suggested 300x60px. When I add the logo, a few problems happen. When scrolled to the top, the logo seems to stretch larger than 300x60px. When I scroll down it resizes. Also, the logo is not centered on the header from top to bottom, it seems to be aligned to the top. If someone could please take a look: TonyCavella.com

    https://tonycavella.com
    April 23, 2016 at 5:21 pm #184289
    IDX Leads
    Member

    It's looking good across all screen sizes to me.


    Esse quam videri

    April 23, 2016 at 5:24 pm #184290
    acavella
    Member

    You don't see the header logo image re-sizing when you scroll down on the page? Also it isn't centered vertically, it is aligned to the top. I would like the image to just stay the appropriate 300x60 original size and be centered vertically on the nav bar.

    April 23, 2016 at 7:28 pm #184293
    IDX Leads
    Member

    Once again, it's looking good across all screen sizes to me. What you want is beyond my understanding at this point. Can you post a link to something using the same theme that behaves differently?


    Esse quam videri

    April 23, 2016 at 7:32 pm #184294
    acavella
    Member

    Thanks, I managed to find the CSS controlling the image and make the changes I needed.

    April 23, 2016 at 7:38 pm #184295
    IDX Leads
    Member

    Looks no different to me., but I am glad you are now happy.


    Esse quam videri

    May 4, 2016 at 6:01 pm #184993
    webcami
    Participant

    I know how to fix this! I just did it today!

    The dimensions for the header are 300px by 60px, but there are few places in the header area css in your style.css that have the height set to 76px. Look for those instances in your css file and edit to 60px.

    May 4, 2016 at 6:03 pm #184994
    acavella
    Member

    Exactly, I eventually figured that out as well.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Aspire Pro Header Logo’ is closed to new 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