Log in Get SwiftGrid →
Not resolved

please help Logo Cuts off won't show or gets distorted .

Ultra Theme started by arce1 Jul 24, 2015 5 replies
arce1 Jul 24, 2015 · 9:56 am #2092

First 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.

Andrew Misplon Puro Jul 24, 2015 · 10:02 am #2093

Hi 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

Andrew Misplon Puro Jul 24, 2015 · 4:56 pm #2101

Thanks 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 🙂

Gregg Squeglia Aug 15, 2015 · 8:18 pm #2130

Hi 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,
GS

http://northeastadventurejournal.com/

Andrew Misplon Puro Aug 17, 2015 · 11:58 am #2132

Hey 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 🙂

6 posts