• 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

Header Image Truncated on Right Side

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 › General Discussion › Header Image Truncated on Right Side

This topic is: not resolved

Tagged: header image size, lifestyle Pro

  • This topic has 6 replies, 2 voices, and was last updated 11 years, 9 months ago by catladykate.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 15, 2014 at 6:46 pm #90553
    catladykate
    Member

    My site is http://www.DepressionElegantGlass.com. I don't have a widget in my header and the header logo image shows full width in my theme settings. I haven't touched the header code for several weeks but suddenly it's only showing the left most third of the image.
    Any suggestions what to fix?
    Thanks in advance for your help.

    http://www.DepressionElegantGlass.com
    February 15, 2014 at 7:06 pm #90556
    AnitaC
    Keymaster

    Looks like this code has changed:

    .title-area {
        float: left;
        width: 320px;
    }

    Change the width to the width of your header.


    Need help with customization or troubleshooting? Reach out to me.

    February 15, 2014 at 7:20 pm #90560
    catladykate
    Member

    Thank you. Actually the css shows this:
    .header-image .title-area {
    padding: 0;
    }

    .header-image .site-title a {
    float: left;
    min-height: 210px;
    width: 100%;
    Do I replace the width: 100% with the actual width?

    February 15, 2014 at 7:23 pm #90561
    AnitaC
    Keymaster

    The code below is showing in your style sheet when I use Firebug.

    .title-area {
        float: left;
        width: 320px;
    }

    Look for that code in your style sheet and change the width.


    Need help with customization or troubleshooting? Reach out to me.

    February 15, 2014 at 7:31 pm #90564
    catladykate
    Member

    Found it! Thank you so much. If you don't mind explaining, what is the difference in the two sections, the .title area {float: left; width: 320 px} compared to the .header-image .site-title a {
    float: left;?

    I am still learning, as you can see.
    Thanks a lot, you helped me other times when I found your answers to other people's questions.

    February 15, 2014 at 7:44 pm #90565
    AnitaC
    Keymaster

    Have you ever seen the Genesis Framework Visual Markup Guide? This should help you to understand. The Title Area is where your title would go. Inside would be your H1 Site Title (clickable link) and you'll also see the Description. So both the Site Title and Description areas are inside the Title Area. When you modify the CSS you have to widen up the Title Area, Site Title and Description if you want those areas to be wider.


    Need help with customization or troubleshooting? Reach out to me.

    February 15, 2014 at 7:47 pm #90566
    catladykate
    Member

    Thank you! I will check it out.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘General Discussion’ 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

© 2025 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