How can I adjust my logo size on Crave Theme?

[uff-gainesville]

Hello everyone, I hope the question is both relevant and we can find a solution to my problem.

I have a website where I’ve been unable to re-size my image logo to the specifications I would like.

The current size of the image is WAY TOO SMALL:

I’ve tried doing things like increasing the max-width, and using the slider on the header edit page but it doesn’t achieve the desired effect. The image will increase in size, but will also increase the header making the webpage header overlarged

Width: 50px

Width: 510px

My website is https://delicias-colombianas-gainesville.myshopify.com/

My password is uffgainesville

If anyone could help me, it’d be greatly appreciated.

Thank you

[PageFly-Richard]

Hi @uff-gainesville

I’m Richard Nguyen from PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.header__heading-logo{

width: 200px !important;

max-width: unset !important;

height: 150px !important;

}

.header.header–middle-left.page-width.header–has-menu{

padding: 0 !important;

}

It will look like this: https://prnt.sc/vEJjncY3Ufhh

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

[JuditO]

Hi Richard, I would like to also enlarge my logo both on the desktop and mobile page, I am using Crave. When I plugged in the above code, the mobile site fell apart (shifted to the left) and the quality of the logo became worse. I see that the desktop logo is limited to be expanded to 300 px. Could this be overwritten somehow? Or can I perhaps add another field below menu to create the right size logo?

Many Thanks.

My website is www.nothimher.com.