Custom Logo Image not matching up on larger mobile screen

  • Resolved Poukepse

    (@mojjave)


    5 years ago

    Hey guys, any help here would be great. Been trying to figure this one out for a while.
    The logo/header isn’t matching up quite how I’d like it to and the logo seems to be overlapping the menu on larger mobile sizes such as an iPad (same results on iPhone XR), not sure what to try next. Hoping you guys can give me a bit of insight. Looks good on Desktop + Smaller screen sizes.
    Issue here:
    https://ibb.co/r7XN80j

    Current Custom CSS:
    u/media only screen and (max-width:768px) {
    #logo-wrapper {
    max-height: 120px
    }
    }
    u/media only screen and (max-width:768px) {
    .custom-header {
    max-height: 90px;
    }
    }

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author alexvtn

    (@alexvtn)

    Hello @mojjave

    the height of logo image is higher than 120px on mobile devices

    You could replace the current custom css with:

    @media only screen and (max-width: 768px) {
    #logo-wrapper { padding: 0 !important; }
    }

    Please let me know

    Alex

    • This reply was modified 5 years ago by alexvtn.
    Thread Starter Poukepse

    (@mojjave)

    Thank you so much, Alex. We’re almost there!
    However, I’m now having issues with too much extra space on the mobile heading, I believe from the size the original header was.
    Any idea how to get around that?

    Thank you again!

    Extra Space: https://ibb.co/w6GYCVk

    Theme Author alexvtn

    (@alexvtn)

    Hello @mojjave

    you can integrate the following css code for mobile devices

    #logo {
    min-height: inherit !important;
    }

    Please let me know

    Alex

    Thread Starter Poukepse

    (@mojjave)

    You are seriously my hero, Alex! That did the trick!
    I’ve been trying to figure that out for the last few weeks.
    Thank you so much.

    Theme Author alexvtn

    (@alexvtn)

    You’re welcome ??

    Have a nice day

    Alex

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Custom Logo Image not matching up on larger mobile screen’ is closed to new replies.