My logo is not responsive anymore

Activello
1

Hi Movin!

Hope you’re fine today.

I didn’t change anything on my website and suddenly my logo stopped being responsive.

My website: www.biggerthanlimits.com

Is there a way to fix it? I would really appreciate your help with this.

Anna

2

Hi Anna,

I hope you are well today and thank you for your question.

I visited your shared site and saw this is happening because of the following custom CSS code you are using in the style.css file of child theme so to resolve the issue please remove this custom CSS code.

#logo img {
    max-width: 600px;
}

Alternatively you can resolve the issue by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

#page #logo img {
    max-width: 100%;
}

Best Regards,
Movin

3

Hi Movin!

Thank you for your answer but it doesn’t solve the issue completely because by the following code:

#logo img {
max-width: 600px;
}

I modified the logo to the size I want it to be.

When I insert the code you gave me , logo’s size is back to the way it was before I modified it and I don’t want that (see attached pictures)

Please help.

Anna

4

I think I’ve solved the issue.

Changed max-width: 600px for width: 600px and added the code you provided.

Thank you. again for your amazing support. Have a nice day :slight_smile:

Anna

5

You are most welcome here :slight_smile:

6

Hello Anna,

Thanks for contacting us.

Were you able to try the second CSS code that Movin provided earlier? If so,could you please share the results?

Here is the code:


#page #logo img {
    max-width: 100%;
}