Responsive logo

  • Resolved 2raumch

    (@2raumch)


    6 years, 7 months ago

    Hi everyone

    The logo on smartphones / tables is too big, because it is not responsive.
    I’ve tried to make it smaller, unfortunately with the CSS codes I found online I did not manage to make it responsive.

    Anyone out there who knows how to do that?

    Thank you so much for your help, much appreciated.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author sonalsinha21

    (@sonalsinha21)

    6 years, 7 months ago

    Sorry for delayed response.

    It appears fine on my mobile phone (android oneplus 7 and vivo nex).

    Which phone and tablet do you use and browser so i can check.

    Regards,

    Theme Author sonalsinha21

    (@sonalsinha21)

    6 years, 7 months ago

    Anyways try this one

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    @media screen and (max-width;767px) {
#header.standard .header-wrapper #logo img {max-height:50px !important;}
}

    Regards,

    Thread Starter 2raumch

    (@2raumch)

    6 years, 7 months ago

    Hi

    Thanks a lot for your help.

    I’m using Safari on OSX.
    Here is how I see it:
    https://share.getcloudapp.com/o0ux7N9W
    I feel it should be much smaller. (I also checked Chrome on OSX and it has the same size).

    I tried your code, however it tells me that there are mistakes.
    This is what it tells me:
    https://share.getcloudapp.com/kpud61OZ

    Theme Author sonalsinha21

    (@sonalsinha21)

    6 years, 7 months ago

    Try this one:

    @media screen and (max-width:767px) {
#header.standard .header-wrapper #logo img {max-height:50px !important;}
}

    Regards,

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Responsive logo’ is closed to new replies.