[Diane]

Please could you tell me why the logo (header) will not reduce on mobile or could you give me CSS to do this?
http://ccbwn.org.au.
Many thanks

[sapana]

@diidunlop:I suggest you to use Custom Logo and Tagline for text to make it responsive.Let me know if this helps you out!
Kind Regards,
Sapana

[Diane]

Hi Sapana I cannot find “Custom Logo” I am afraid. I have tried everything I can think of but I can still not get the header to be responsive. Please could you tell me where I find this or is here any other solution. It is getting really urgent now as my client is having a minor fit! 🙂

[sapana]

@diidunlop:Instead of using Header Image I strongly suggest you to use Site Identity, where you can add Logo as well as Text,that helps to make your text and logo both responsive.

/* To add custom Logo*/
Go to=> Dashboard=> Appearance=> Site Identity=> Select the logo you want to add.

/* To add Title*/
Go to=> Appearance=> Site Identity=>Site Title=> You can add the title
Let me know if this helps you out!
Kind Regards,
Sapana

[flopifer]

Hello, I’m having issues with my logo in mobile view.
I tried to apply this CSS code:

/* Size for logo in Mobile */
.custom-logo {
max-width: 180px;
}

/* Size for logo in bigger devices */

@media screen and (min-width: 1024px) {
.custom-logo {
max-width: 180px;
}
}

but nothing happens. This is my webpage: http://nattex.com/
Thanks!

[sapana]

@flopifer:I checked your site and you seem to have activated another theme.Let me know if you have any issue regarding catch themes.

Kind Regards,
Sapana

[ryan]

This worked for my site >Additional CSS.

@media screen and (max-width: 340px) {
#logo-icon {
width: 65%;
}
}

[flopifer]

Great, now is working.
Thanks Ryan and Sapana!

[Author]

Posts