How can I increase the logo size on my checkout page?

Hi guys, my logo appears to be too small on my checkout page even after I’ve set the logo size to “Large” in the customizer.

I’ve tried to put the below code to theme.scss, but it looks like shopify disabled the ability to edit anything on the checkout page by CSS

.logo__image–large {

max-height: 300px;

}

Anyone has a working solution on this ?

1 Like

Hello, @Tyreal

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

1 Like

https://albionacefitness.com/

I’m only using basic Shopify plan thou

@Tyreal

Thanks for store URL.

oh, sorry for this basic plan doesn’t allow to check out page customization but you can do it

can you please remove logo image unnecessary blank spacing theme upload see the logo blank spacing

along bigger size

2 Likes

thanks

I got what u mean, I cropped out the extra space of my logo image and it seems to be a bit better now, thank you

@Tyreal

Thanks for update.

1 Like

I am having the issue that my checkout page logo is not optimized to the same dimensions as my other webpages, could you kindly inspect the issue and let me know the causes of the issue.

Thanks, Mahir

hi im having issues enlarging the logo on my checkout. if you could please assist me in rectifying this issue.

thank you

1 Like

@muggy

do you have Shopify plus plan?

1 Like

no I do not have a plus acc

1 Like

@muggy

can you please upload this logo

The best way I found was to:

  1. First remove any white space around your logo (on the actual logo picture).
  2. Then put your logo onto a white space in the ratio of 1:4 (1 height, and 4 width). The problem with the small logo seems to be made worse if your logo is in a square ratio (1:1). The 1:4 ratio was a guess, I haven’t tested other ratios.

Hope this helps.

Thank you for your input. Much appreciated.

1 Like