How can I resize my logo in the Cascade theme?

Store Design
1

Hi!

I’m having trouble re-sizing the logo, there is no Assets: theme.css after the update so I cannot apply the previous code.

@media (max-width:767px) {
.site-header__logo-image {
    width: 200px;
}
}

Please advice.

2

Hi @joanneo3v

Can you share with me the page url? I will check it

3

@joanneo3v
Hello,
Can You Please share your Store URL…
I will Provide Proper solution

4

Thank you for the reply,

https://thecakefairies.ca/
pw: audeol

5

Thank you for the reply,

https://thecakefairies.ca/
pw: audeol

6

@joanneo3v

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.bundle.css ->paste bellow code in bottom of file

@media screen and (max-width: 767px){

.m-[inherit] {

max-width: 200px !important;

}

}

Hope that my solution works for you.

Best regards,

Richard | PageFly

7

Hello @joanneo3v

It will be helpful if you try this code: -

Go to the Online Store->Theme-> Edit code-> Assests ->base.bundle.css ->Add code in this file.

.w-full.flex.justify-center .m-\[inherit\] {
    max-width: 200Px !important;
}
8

Thank you so much!!

1 Like
9

Thank you for your help! This didn’t work but the other solution did.