Community Forums › Forums › Archived Forums › Design Tips and Tricks › Edit logo Metro pro
Tagged: Custom header, logo size, Title Area
- This topic has 12 replies, 2 voices, and was last updated 9 years, 6 months ago by
giuseppebe.
-
AuthorPosts
-
April 27, 2016 at 3:00 pm #184558
giuseppebe
MemberHi,
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 #184569Brad Dalton
ParticipantYou 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.
April 28, 2016 at 5:13 am #184594giuseppebe
MemberI 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 halfThank you
April 29, 2016 at 3:46 am #184668Brad Dalton
ParticipantLink 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/
April 29, 2016 at 5:46 am #184671giuseppebe
MemberThank you
April 29, 2016 at 6:02 am #184672giuseppebe
MemberI have changed functions.php and style.css, width and height logo 571x115
April 29, 2016 at 6:49 am #184679Brad Dalton
ParticipantHow 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.
May 1, 2016 at 8:40 am #184762giuseppebe
MemberOk 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 #184775Brad Dalton
ParticipantYou 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.
May 3, 2016 at 5:23 am #184886giuseppebe
MemberI can just upload one image for the logo.
I loaded the logo 571x115 theme features.Thank you.
May 3, 2016 at 4:32 pm #184921Brad Dalton
ParticipantMay 4, 2016 at 12:08 am #184943giuseppebe
MemberNo,
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 #185486giuseppebe
Memberno one helps me?
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.