Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #154868
    Diane
    Participant

    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

    #154885
    sapana
    Participant

    @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

    #155405
    Diane
    Participant

    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! 🙂

    #155412
    sapana
    Participant

    @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

    #159603
    flopifer
    Participant

    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!

    #159642
    sapana
    Participant

    @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

    #159931
    ryan
    Participant

    This worked for my site >Additional CSS.


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

    #159935
    flopifer
    Participant

    Great, now is working.
    Thanks Ryan and Sapana!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Logo not responsive on mobile’ is closed to new replies.