• 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

Edit logo Metro pro

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 › Edit logo Metro pro

This topic is: not resolved

Tagged: Custom header, logo size, Title Area

  • This topic has 12 replies, 2 voices, and was last updated 6 years, 10 months ago by giuseppebe.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 27, 2016 at 3:00 pm #184558
    giuseppebe
    Member

    Hi,
    I have a problem with the upload of the logo.
    I upload the logo but the image is cut off on the right side even if the div that contains it is bigger.

    April 27, 2016 at 6:21 pm #184569
    Brad Dalton
    Participant

    You need to match the width with the values under the Site Header section in your style.css file

    And you also need to match the dimensions in the functions file for custom-header.


    Tutorials for StudioPress Themes.

    April 28, 2016 at 5:13 am #184594
    giuseppebe
    Member

    I want to place a 571x115 sized logo.
    I modified:
    .header-image .site-title a {
    background-color: none;
    max-width: 571px;
    min-height: 115px;
    padding: 0;
    the logo is loaded to half

    Thank you

    April 29, 2016 at 3:46 am #184668
    Brad Dalton
    Participant

    Link to your site please.

    Normally, you may need to modify 1 or 2 CSS rules which contain the image width and height.

    On top of this, you need to modify the image and height in the PHP code in functions.php.

    If you only modify 1 CSS rule, then it probably won't work. Look for morer than 1 and also modify the PHP code.

    Example http://wpsites.net/web-design/customize-header-logo-banner-images-in-metro-theme/


    Tutorials for StudioPress Themes.

    April 29, 2016 at 5:46 am #184671
    giuseppebe
    Member

    http://www.naturalmente.life

    Thank you

    April 29, 2016 at 6:02 am #184672
    giuseppebe
    Member

    I have changed functions.php and style.css, width and height logo 571x115

    April 29, 2016 at 6:49 am #184679
    Brad Dalton
    Participant

    How about this rule under the title area section which is under the Site Header section as well:

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

    Also note: If you increase the width of the title area, you must decrease the width of the header right widget area by the same amount.


    Tutorials for StudioPress Themes.

    May 1, 2016 at 8:40 am #184762
    giuseppebe
    Member

    Ok done.
    From the web you can clearly see at normal window with, reducing the window logo is cut.
    From mobile logo is cut.
    It is not responsive.
    Thanks for your help.

    May 1, 2016 at 7:48 pm #184775
    Brad Dalton
    Participant

    You could also try uploading your logo.png to your images folder and using the Genesis > Theme Settings to display the image.

    Otherwise, you can use another sized logo to display on smaller screens.


    Tutorials for StudioPress Themes.

    May 3, 2016 at 5:23 am #184886
    giuseppebe
    Member

    I can just upload one image for the logo.
    I loaded the logo 571x115 theme features.

    Thank you.

    May 3, 2016 at 4:32 pm #184921
    Brad Dalton
    Participant

    Is this resolved?


    Tutorials for StudioPress Themes.

    May 4, 2016 at 12:08 am #184943
    giuseppebe
    Member

    No,
    try to access the site http://www.naturalmente.life and shrink the floor window.
    Try to access the mobile.
    I tried it with smaller dimensions 360x73, same problem.
    But still smaller than 360x73 it is ugly to look at.
    It is really the only thing of the theme that I'm hating.
    Thanks for your help.

    May 12, 2016 at 1:22 pm #185486
    giuseppebe
    Member

    no one helps me?

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