- This topic has 5 replies, 3 voices, and was last updated 9 years, 1 month ago by Andrew Misplon.
- AuthorPosts
- July 24, 2015 at 9:56 am #2092
arce1ParticipantFirst of all I want to say my only complaint is the logo size issues . I’ve spent hrs looking over all the forum post on this website and nothing worked for me. I just want my logo to be show correctly.
May you please show me a proven method that works to increase the box size to show a bigger logo
thank You.
July 24, 2015 at 10:02 am #2093
Andrew MisplonKeymasterHi arce1
Sorry to hear you’ve run into a problem with your logo. Could you perhaps share your site link so I can take a look. Below the comment form is a Set as private reply checkbox. You can use that to keep your URL private.
Thanks
July 24, 2015 at 10:17 am #2094
arce1ParticipantAndrew i’m amazed and the prompt and quick response thank you.
unfortunately my site is still on a local host server but here are some images of what I mean
back up link: http://postimg.org/image/q774rexnf/
Here is the Logo I want shown.
back up link:http://s2.postimg.org/bt7j8sovd/rsz_rsz_1rsz_final_logo.png
all i need is to be able to place and show a bigger size logo then the default sizes.
July 24, 2015 at 4:56 pm #2101
Andrew MisplonKeymasterThanks for the feedback.
If you’re not already using a Custom CSS plugin go to Plugins > Add New and install Simple Custom CSS. Next go to Appearance > Custom CSS and insert the following:
/* Header */ .site-header .site-branding img { max-height: 92px; }
Adjust the max-height as required.
Hope that helps 🙂
August 15, 2015 at 8:18 pm #2130
Gregg SquegliaParticipantHi Andrew
Can you please take a look at this site and tell me how to get the logo bigger. Cannot seem to increase the vertical space in the header to accommodate this square shaped logo.
Thanks,
GSAugust 17, 2015 at 11:58 am #2132
Andrew MisplonKeymasterHey Gregg
Apologies, I missed one important CSS declaration for the logo in this version, I’ve corrected in the next version. If you don’t yet have a Custom CSS plugin installed, please, install one called Simple Custom CSS. Then go to Appearance > Custom CSS and insert:
/* Logo */ .tagline .site-header .site-branding img { max-height: 72px; width: auto; }
The addition of
width: auto;
will sort out the scaling issue. You can then increase the max-height value as required.To adjust the overall height of the header, if you wanted to, you could add the following:
/* Header */ .site-header, .site-header .site-branding-container, .main-navigation .menu-search { height: 112px; } .main-navigation div > ul > li > a, .main-navigation .menu-search .search-icon:before { height: 112px; line-height: 112px; } .main-navigation ul ul { top: 109px; }
If you do adjust the header height, the last value must be three pixels less than the other values.
Let me know how you come along 🙂
- AuthorPosts
You must be logged in to reply to this topic.