• 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

Centric Pro Shrinking Header

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 › Centric Pro Shrinking Header

This topic is: not resolved

Tagged: Centric Header

  • This topic has 8 replies, 2 voices, and was last updated 8 years, 7 months ago by Elaine Griffin.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 23, 2014 at 1:30 am #111122
    Elaine Griffin
    Member

    Hi ya'll!
    I've been working on getting rid of the shrinking header in Centric, and it's not working. I don't know what I'm missing.
    I followed this, which was also something I found when I tried to Google.
    So basically, it worked, but the header is now huge, and is overlapping the first widget area.
    In addition (and this was happening before I removed the shrinking function) for some reason my logo is getting cropped, even though I changed the size in my functions file, and the logo size matches what I placed in my functions file.
    Any help would be appreciated!
    Elaine

    http://www.studiopress.community/topic/removing-shrinking-header-in-genesis-centric-pro/
    June 23, 2014 at 10:30 am #111169
    jodzeee
    Member

    I'm not sure I can help, but you'll need to provide a link to your site so someone can have a look at the sizing issue.

    June 23, 2014 at 10:39 am #111170
    Elaine Griffin
    Member

    Oh shoot, I thought I did, but now I see I left the link to the thread I followed twice.
    http://www.elainegriffindesigns.com/tester
    Thanks jodzeee!

    June 23, 2014 at 11:02 am #111176
    jodzeee
    Member

    The logo that you've got uploaded is actually that size and cropped, so you'll have to start by pointing it to one that is the size you want.

    http://www.elainegriffindesigns.com/tester/wp-content/uploads/2014/06/cropped-Elaine-Griffin-Designs-New-Logo.png

    You may have to tweak the CSS to get the container width you want so it's not overlapping.

    June 23, 2014 at 11:13 am #111179
    Elaine Griffin
    Member

    I guess that's what I don't understand. Why, when the dimensions are correct in the functions file, set exactly to the size of the logo, is it cropping, and it is blowing it up. But, I added it to the .site-header in the css and it is fine, so I'm going to go with that for now, and monkey with the css.
    Thanks for your reply!

    June 23, 2014 at 11:32 am #111182
    jodzeee
    Member

    Now the responsiveness isn't working properly though. How were you pointing to the image, via "appearance" in the dashboard or in CSS? I've never seen it rename it "cropped". Are you sure you were pointing to the right image?

    I think you could do similar to what you did with .site-header, but apply it to the title area in your CSS instead of telling the theme to put it there via functions.

    This tutorial might help:
    http://www.carriedils.com/add-logo-genesis-theme/

    And Brad D. has a ton ... if not at this link, there are multiple others linked at the bottom and in the comments.

    http://wpsites.net/web-design/custom-header-image-genesis/

    June 23, 2014 at 11:35 am #111184
    Elaine Griffin
    Member

    Yeah, I see the responsiveness. I uploaded that image via the header part of my admin. So I don't know.
    I'm just playing with it now, but I was hoping to use it in a re-design. I don't like the floating header in mobile, either. It's going to take some tweaking. Not sure I have time for it.
    Thanks for the links, I've used those before. I was mostly wondering how it would look if I plopped it in CSS.
    Thanks again!
    E

    June 23, 2014 at 11:37 am #111185
    jodzeee
    Member

    I've always had a hard time figuring out how to control it using the way you tried it with upload and sizing in functions, but have better luck with CSS, so I feel your pain 🙂

    June 23, 2014 at 11:42 am #111186
    Elaine Griffin
    Member

    It's always problematic when I need it to be quick! 🙂

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 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