• 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

How to make logo clickable in Metro theme

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 › How to make logo clickable in Metro theme

This topic is: not resolved

Tagged: clickable, header, Logo, Metro

  • This topic has 12 replies, 2 voices, and was last updated 12 years, 1 month ago by castledesign.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 17, 2013 at 11:39 pm #36081
    castledesign
    Member

    Hello!

    I have been using Metro theme which is great but I had to customize the top logo/header area to make the logo bigger.. Now it is no longer 'clickable' to the home page.  Can anyone help me fix this issue?

    The site is http://baby-mac.com/

     

    Thank you so much!

    http://baby-mac.com/
    April 18, 2013 at 1:22 am #36087
    Brad Dalton
    Participant

    Add the link when you insert it into a new post and grab the HTML for the image which includes the link.

    How did you add the image? Did you upload it using the header uploader or add the CSS in your style.css file?


    Tutorials for StudioPress Themes.

    April 18, 2013 at 1:24 am #36088
    castledesign
    Member

    I uploaded it in the header file and changed the functions file etc to suit the larger logo.. hope that makes sense.

    Thank you!

    April 18, 2013 at 1:40 am #36089
    Brad Dalton
    Participant

    There's no header file but there is a images file in your child theme.

    So you uploaded it manually using FTP to your child themes images folder rather than use the custom header uploader under Appearance?

    And you also changed the height in your child themes functions.php file?

    Did you change any of the header dimensions in the style.css file?


    Tutorials for StudioPress Themes.

    April 18, 2013 at 1:42 am #36090
    castledesign
    Member

    mmmm... so maybe i did upload it via FTP?

    argh.. i was trying to sort it myself with help from this person and that person (via forums) I cant really remember now...

    With this vague response, can you suggest what i should do?

    April 18, 2013 at 1:43 am #36091
    Brad Dalton
    Participant

    What exact size is the header?


    Tutorials for StudioPress Themes.

    April 18, 2013 at 1:44 am #36092
    castledesign
    Member

    1080 x 150

     

    🙂

    April 18, 2013 at 2:10 am #36093
    Brad Dalton
    Participant

    I tested this on your Metro theme with your header and it works perfectly.

    Yes. You have 2 style sheets. Ones for the custom CSS but it does not contain a custom link to your home page in the CSS for the header image unlike what would be the case if you change the dimensions in the main style.css file and uploaded your header image using the built in custom header uploader.

    // Line 519
    #header {
    	min-height: 150px;
    	overflow: hidden;
    }
    // Line 558
    .header-image #title,
    .header-image #title a,
    .header-image #title-area {
    	display: block;
    	float: left;
    	min-height: 150px;
    	overflow: hidden;
    	text-indent: -9999px;
    }
    

    Make sure your functions.php file uses these values:

    // Line 34
    add_theme_support( 'genesis-custom-header', array(
    	'flex-height'	=> true,
    	'height'		=> 150,
    	'width'			=> 1080
    ) );
    

    Your header image

    http://baby-mac.com/wp-content/uploads/2013/04/header11.png
    

    Tutorials for StudioPress Themes.

    April 18, 2013 at 2:20 am #36097
    castledesign
    Member

    Thank you SO MUCH Brad for your help.. I'll give this a shot and let you know how I go.

    I really appreciate it 🙂

    April 18, 2013 at 2:23 am #36098
    Brad Dalton
    Participant

    It worked for me but i didn't have any overriding CSS in the custom-style.css file.


    Tutorials for StudioPress Themes.

    April 19, 2013 at 5:48 pm #36465
    castledesign
    Member

    Hey Brad!

    I have finally had a chance to sit down and try this.. I removed the coding from the custom CSS and made the changes and it all looks lok but still dosent seem to be linking?   Did I miss something?

     

    Thank you

    April 19, 2013 at 7:08 pm #36480
    Brad Dalton
    Participant

    I tested the solution and it worked for me.


    Tutorials for StudioPress Themes.

    April 19, 2013 at 7:33 pm #36485
    castledesign
    Member

    Where do you suggest I  put this code you mention above for the header image?

    <a href="http://baby-mac.com/wp-content/uploads/2013/04/header11.png" rel="nofollow">http://baby-mac.com/wp-content/uploads/2013/04/header11.png</a>

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