Logo header not responsive on mobile


My logo header is not responsive on my mobile site can anyone help please?

I have tried various different CSS codes from the forum but they don’t make any difference hence the new posting.


This is all the current CSS code I have put in so far for other changes in case there is a conflict?

I am working in Activello Child Theme.

body {
ul li a i {
color: #a3a3a3;
.flex-caption {
display: none;
.entry-meta span.posted-on {
display: none;
#page .entry-title {
font-style: normal;
.entry-title a {
font-size: 20px;
#page .entry-title, #page .post-categories a, #page .cat-item a, #secondary .widget > h2 {
font-family: quicksand;
.site-navigation-inner .nav-search {
display: none;
#logo img {
max-width: 800px;

Here is an image of the home page to show the logo header.

Hi @labelwarrior,

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

You can use the following CSS code to make it responsive.

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

Best Regards,

Awesome! Worked!

Thanks again Movin.


You are most welcome here :slight_smile:

Hi Movin,

I have the same Problem with my logo.

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

won´t help…

My Page is http://salasa.de/

Do you have any further advise?

Best regards,

@ludwig To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/activello/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.