Unable to Increase Size of Mobile Header Logo

  • Resolved pank6119

    (@pank6119)


    1 year, 1 month ago

    I m Unable To Increase Height & Width of my website mobile version Logo from appearance > customizer > header> Mobile also Here is the ss of How small mobile logo is appearing on my mobile device

    https://ibb.co/0QFmS5F

    pls provide css to increase height nd width of my logo on mobile screen that can be added in additional css

    Thanks in advance

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

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

  • Hello @pank6119,

    Logo or any images should have with or height.
    If you set a custom width, then you must set height: auto or unset it.
    and reverse. Since you are set both of them, unset the width or height and recheck the issue.

    For example, if you set the width to 250px, it’s enough, you do not need to set height and max-height.

    Also, I can see you set width and height everywhere, so you can remove the logo settings from metaboxes and only use customizer header > logo: https://postimg.cc/7G5GWdRz.

    Or use custom CSS:

    @media (max-width: 480px) {
    #site-header #site-logo #site-logo-inner a img,
    #site-header.center-header #site-navigation-wrap .middle-site-logo a img {
        max-width: 150px !important;
        width: 150px !important;
        height: auto !important;
        max-height: auto !important;
    }
}

    Best Regards

    Thread Starter pank6119

    (@pank6119)

    hello @skalanter Thanks For helping I didn’t knew Header Logo was set By me unknowingly(mistakenly) ?? And It would Affect mobile header Logo also ,I wasted A whole day trying to find correct css to this ??

    Thanks For making me understand and helping Me u R real gem Thanks ??Once Again. marking as resolved

    You’re welcome.
    I’m glad we could help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Unable to Increase Size of Mobile Header Logo’ is closed to new replies.