Tagged: header, not responsive
- This topic has 7 replies, 4 voices, and was last updated 5 years, 3 months ago by flopifer.
-
AuthorPosts
-
September 24, 2018 at 11:36 pm #154868DianeParticipant
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 thanksSeptember 25, 2018 at 2:10 am #154885sapanaParticipant@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,
SapanaOctober 2, 2018 at 12:06 am #155405DianeParticipantHi 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! 🙂
October 2, 2018 at 1:08 am #155412sapanaParticipant@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,
SapanaNovember 19, 2018 at 10:01 am #159603flopiferParticipantHello, 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!November 19, 2018 at 11:01 pm #159642sapanaParticipant@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,
SapanaNovember 22, 2018 at 11:53 pm #159931ryanParticipantThis worked for my site >Additional CSS.
@media screen and (max-width: 340px) {
#logo-icon {
width: 65%;
}
}November 23, 2018 at 5:03 am #159935flopiferParticipantGreat, now is working.
Thanks Ryan and Sapana! -
AuthorPosts
- The topic ‘Logo not responsive on mobile’ is closed to new replies.