• 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

metro pro – right widget area pushes logo away

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 › metro pro – right widget area pushes logo away

This topic is: not resolved

Tagged: header, Logo, Metro Pro, widget

  • This topic has 8 replies, 3 voices, and was last updated 10 years, 6 months ago by jengabbard.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 16, 2015 at 4:12 am #137644
    Albert
    Member

    hello

    I added a bigger logo in my header, 550x117.
    Now I added the header right widget where I want to have the social icons with a search bar.

    2 Questions though:
    1.Why is the right header widget deleting 25% of my logo ?
    I gave the widget area a red background to see how big it really is, and it doesn't touch my logo at.
    If I delete the widgets, the logo comes back.

    2.How can I delete the padding between the 2 widgets, they are 2 far apart and it pushes down my header.

    http://albertabroad.com/versie3
    January 16, 2015 at 5:45 am #137653
    Tim Squires
    Member

    Hi,
    In your functions.php file you should find some code that looks similar to this:

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    	'width'           => 300,
    	'height'          => 80, 
    	'header-selector' => '.site-title a',
    	'header-text'     => false,
    ) );

    You need to alter the two values 'width' and 'height' to match yours, so 550x117

    That should let your logo display without it getting cut off, but I'm not sure how to handle the widget area problem.

    I hope that may be a help to start with though.


    timsquires.com.au

    January 16, 2015 at 5:47 am #137655
    Tim Squires
    Member

    PS: Changing the functions.php file can cause errors, so it's best to do it via ftp if you can in case you need to restore your original file (save a copy of it before making any changes)


    timsquires.com.au

    January 16, 2015 at 5:57 am #137656
    Albert
    Member

    Hi Tim

    I already did that, because the standard widths are 270x80.
    So I changed it to

    //* Add support for custom header
    add_theme_support( 'custom-header', array(
    'width' => 550,
    'height' => 117,
    'header-selector' => '.site-title a',
    'header-text' => false
    ) );

    The image is showing again if I delete the right widget.

    Thanks for the fast reply anyway!

    January 16, 2015 at 5:30 pm #137712
    Tim Squires
    Member

    You're welcome, but sorry I couldn't help. I'll keep thinking about it and let you know if I find a solution.


    timsquires.com.au

    January 16, 2015 at 8:18 pm #137726
    jengabbard
    Member

    Did you try changing the css to:

    .title-area {
    float: left;
    padding: 0px;
    width: 550px;
    }

    and then messing around with the padding on your right widget until it's in a place you like.


    Puppy Leaks I love the Metro theme

    January 16, 2015 at 9:19 pm #137730
    Albert
    Member

    O christ, chancing the width to 550 in .title-area did the job.
    I was searching for the problem in .site-header all the time.

    Any idea where I change the padding between 2 widgets in .site-header .widget-area { ?
    There is no padding or margin in it at all.

    Thanks!

    January 16, 2015 at 9:36 pm #137731
    Albert
    Member

    The only thing I can do is changing the height of the area, but not padding between the 2 widgets.

    January 16, 2015 at 10:20 pm #137738
    jengabbard
    Member

    I was trying to figure that out - if I added padding to the right widget it was only moving the social part, the search was staying in place. I wish I knew how to help further.

    I know you could add padding to both widgets individually but I'd assume there would be a way to move the whole widget area over.


    Puppy Leaks I love the Metro theme

  • 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

© 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