Reduce mobile logo width on phones portrait mode?

  • Resolved wpvince

    (@wpvince)


    6 years, 4 months ago

    How can we reduce size of logo width on phones portrait mode?
    It currently overlaps with the mobile hamburger menu.

    I tried this in the theme customizer css

    @media screen and (min-width: 401px) {
    #mob-standard-logo {
    display: inline-block;
    max-width: 50%!important;
    max-height: 50%!important;
    }
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author Rui Guerreiro

    (@takanakui)

    Hi @wpvince,

    Can you provide the site url so I can have a look?
    If you want to keep it private send me an email to [support AT wpmobilemenu DOT com]

    Thanks

    Thread Starter wpvince

    (@wpvince)

    hi Rui, email sent.
    thank you

    Thread Starter wpvince

    (@wpvince)

    Your code really helped point me into the right direction.
    in case it helps others looking for similar solution, I had to use the following final version which works fine now:

    @media only screen and (max-width: 500px){
    .mob-menu-logo-holder {
    margin-left: 5%;
    max-width: 50%!important;
    max-height: 50%!important;
    }
    }

    Vince

    Plugin Author Rui Guerreiro

    (@takanakui)

    Nice. Thanks for sharing.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Reduce mobile logo width on phones portrait mode?’ is closed to new replies.