Logo Image Resizing Help!

Site URL: https://alishatrahmsphotography.com

Hi there! I'm currently attempting to style a PNG logo which I've created to replace the default site title I'd been using. When I upload (even large files) an apply the file, the image is incredibly tiny, so I go to the Heading - Branding section and increase the logo width all the way up and it is still smaller than I'd like. I've tried cropping the PNG closer to the actual text before exporting from Photoshop, increasing the file size, trying a JPG type instead, decreasing the element spacing (both vertical and horizontal) down to almost nothing, and using several variations of Custom CSS code...nothing is working! Help, please! 

PS. My template is Forum from the Brine family.

Logo on mobile?

Add to Home > Design > Custom CSS

@media screen and (max-width:640px) {
.Mobile-bar-branding-logo {
    width: 250px;
}
}

Hi @tuanphan! I actually mean on my main site. It looks ok-ish right now because I have my logo width increased to the absolute maximum (320), but it's still not as large as I want it. The original setting of 55 is absolutely micro, and when I upload larger file sizes for the logo it doesn't change the size on the site at all.

On 8/12/2020 at 11:29 PM, roselanaiz said:

Hi @tuanphan! I actually mean on my main site. It looks ok-ish right now because I have my logo width increased to the absolute maximum (320), but it's still not as large as I want it. The original setting of 55 is absolutely micro, and when I upload larger file sizes for the logo it doesn't change the size on the site at all.

Add to Home > Design > Custom CSS

/* desktop logo */
.Header-branding-logo {
    max-width: 500px;
}

Hi, 

I have a similar question I want the home page logo Larger and the other pages, and mobile regular size is that possible?

https://www.tribeandsol.com

On 10/30/2021 at 5:54 AM, MoonMama said:

Hi, 

I have a similar question I want the home page logo Larger and the other pages, and mobile regular size is that possible?

https://www.tribeandsol.com

Hi,

You want: Desktop: Home + Other Pages: Logo Larger

Mobile: Regular size?

Hi, 

I wanted the logo larger on desktop and mobile home page only and got help with desktop.

For the mobile homepage is there a way to make it larger the home page only?

On 11/1/2021 at 10:39 PM, MoonMama said:

Hi, 

I wanted the logo larger on desktop and mobile home page only and got help with desktop.

For the mobile homepage is there a way to make it larger the home page only?

Add to Design > Custom CSS

/* Homepage mobile logo */
@media screen and (max-width:767px) {
body.homepage .header-title-logo img {
    max-height: 200px;
}
}

Hi @tuanphan, 

I was already helped with this. I sent you a message but also have some other questions on the forum I need help with -  Thanks

8 minutes ago, MoonMama said:

 

Hi @tuanphan, 

I was already helped with this. I sent you a message but also have some other questions on the forum I need help with -  Thanks

You can send.

1 minute ago, tuanphan said:

You can send.

I sent it on Monday.