SKT Charity – Main Logo

[Chris Rahe]

Hello,

How do I make my logo larger on the main page? I can see how to make it taller, but that doesn’t keep the aspect ratio. I’d like for the image to keep the original aspect ratio and just be larger. Is that possible?

[Sonl Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Brad

[Chris Rahe]

I am currently using a staging site to build the new site. Please follow http://staging.minor-meal.flywheelsites.com/ and use username “flywheel” and password “unarmed-wrench” to view staging site.

For reference, our current site is bgcelkhartcounty.org. This will show you the current size of our logo. I am not necessarily looking for the same size, but definitely something larger than what is currently on the staging site.

Thank you!

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

.header .header-inner .logo { width:35% !important;}
.logo img { height:90px !important;}
.header .header-inner .nav ul li a { padding:10px 12px !important;}

Brad

[Chris Rahe]

Looks great!

Thank you!

[Sonl Sinha]

Hi Crahe,

If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/8/

Regards,
Brad

[Chris Rahe]

Ok so I checked the look of the website on my phone and the logo now looks way off.

I’m attaching a link to a google doc where I have a screenshot of it.
https://docs.google.com/document/d/1-C3Ywa9iEnofuJTR-DdZp9EKtTpCTSpaj76IUVY94Hs/edit?usp=sharing

Is there a way to may it look good on both the desktop and mobile versions?

[Sonl Sinha]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:767px) {
.header .header-inner .logo { width:100% !important; padding:0 20px; box-sizing:border-box;}
.logo img { height:auto !important;}
}

Regards,
Brad

[Chris Rahe]

Looks perfect!! Thank you so much!

[Sonl Sinha]

🙂

[Author]

Posts