[Resolved] Logo size

Home Forums Support [Resolved] Logo size

Home Forums Support Logo size

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1640330
    Juned

    Hi,

    Do I need to use any specific size of logo at header (both at desktop & mobile view)?

    I tried some options at settings too, but I am not satisfied with the logo appearance at both desktop & mobile.

    Pls guide me.

    #1640695
    Ying
    Staff
    Customer Support

    Hi Juned,

    The current one looks ok to me, so could you please tell me what’s the exact appearance of the logo are you looking for?

    Let me know ๐Ÿ™‚

    #1641088
    Juned

    The proper sizes at Desktop and Mobile view. It looks like a little increased size will look proper??

    #1641213
    Elvin
    Staff
    Customer Support

    Hi there,

    You can control the size of the logo by adjusting the menu height on Appearance > Customize > Layout > Primary Navigation. But this mainly adjusts the menu-item’s menu height.

    To specifically adjust the logo size, try this CSS:

    .navigation-branding img, .site-logo.mobile-header-logo img {
        height: 80px;
        width: auto;
    }

    This adjusts for both mobile and the desktop logo.

    If you want to have a different size for mobile viewport, you can use @media rule.

    Example: (for mobile)

    @media(max-width:768px){
    .site-logo.mobile-header-logo img {
        height: 90px;
        width: auto;
    }
    }
    .navigation-branding img {
        height: 80px;
        width: auto;
    }
    #1641216
    Juned

    Thank you very much Team.

    If there’s any problem, then I will report to you.

    #1642470
    Elvin
    Staff
    Customer Support

    No problem. ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.