Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #264893

    Hello!
    On mobile and tablet, the mobile slide out menu covers the logo. I’ve been through the forums and tried all of the different code combinations of people with similar problems but I can’t resolve the issue. Help please?

    This is the code I tried:

    @media only screen and (max-width: 428px) {
    .responsive .logo a, .responsive .logo img {
    max-width: 75%;
    height: auto !important;
    margin-top: 5px!important;
    }}

    My site: fmitk.com

    Screenshots:

    http://cl.ly/image/0D3k3q431D1j

    http://cl.ly/image/3L312B2R3617

    Thank you!!

    #264909

    Hey itsholly!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 480px) {
    .responsive .logo img {
    width: 200px!important;
    }}
    @media only screen and (max-width: 767px) and (min-width: 481px) {
    .responsive .logo img {
    max-width: 70%!important;
    }}

    Cheers!
    Yigit

    #264916

    Perfect!!! Thank you Yigit!

    #264926

    Hi!

    You are welcome, glad we could help! :) Let us know if you have any other questions or issues

    Regards,
    Yigit

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

The topic ‘Logo resizing incorrectly on mobile / tablet’ is closed to new replies.