Site logo

[Resolved] Mobile Logo Size Issue

Home Forums Support [Resolved] Mobile Logo Size Issue

Home Forums Support Mobile Logo Size Issue

Viewing 15 posts - 1 through 15 (of 23 total)
  • Author
    Posts
  • #2563256
    Dev

    Hello

    Please check the below screenshot

    https://prnt.sc/YoeeemrHpPUH

    The Full logo name is not getting displayed.

    Can you please tell me what the issue is and what changes I have to make to display the full name of the logo?

    I have added the website URL in the private box

    #2563383
    Ying
    Staff
    Customer Support

    Hi Dev,

    The issue is simply not enough space for the logo to be shown fully.

    You have this CSS which sets the height of the logo:
    https://www.screencast.com/t/64Rn0EhUH

    You can remove this part from the CSS:, .site-logo.mobile-header-logo img, then add this CSS:

    .site-logo.mobile-header-logo img {
        height: 50px;
    }
    #2563400
    Dev

    Hello Ying,

    Can you please tell me where can I find the CSS that you have shown in the below image?

    https://www.screencast.com/t/64Rn0EhUH

    Where on the website do I have to locate it?

    #2563420
    Ying
    Staff
    Customer Support

    Oops, sorry I overlooked the issue, it’s actually the value of the menu item line height for mobile.

    Try to set the value to 50px at customizer > layout > primary navigation > Menu Item Height > click the mobile icon.

    Let me know if this works.

    #2563687
    Dev

    Hey,

    I set the Menu Item Height at 50, but still, the issue is the same. The logo text is not showing its full name.

    Please let me know the solution.

    #2563925
    Dev

    Hi,

    Any update on this issue solution?

    #2563980
    David
    Staff
    Customer Support

    Hi there,

    this is what i see:

    2023-03-11_14-11-59

    What am i missing ?

    #2563990
    Dev

    Hi David,

    Are you checking it on Mobile or PC in Mobile view?

    In PC on Mobile View, it’s showing correctly.

    But while checking it on the Mobile, the Logo’s Full Name is not coming up.

    #2564002
    David
    Staff
    Customer Support

    The screenshot is from my iphone, i have mobile developers tools running which is why you can see the Image data.
    Which phone/browser are you using ?

    #2564120
    Dev

    Hey,

    I’m checking it in Chrome browser.

    Here’s the current screenshot: https://prnt.sc/rbIMK3GMrEA2

    You can see the logo name is getting cut.

    #2564136
    David
    Staff
    Customer Support

    Odd. it should not trim the image, it theres not enough room then the menu should move to a new line, and its not

    try clearing the browser caches, and if possible on a different network

    #2565466
    Dev

    Hello,

    I did everything that you said, but after that also, the issue was the same.

    Check the screenshot taken from my friend’s phone

    https://prnt.sc/f8mjZthrgDNe

    Please let me know the solution.

    #2565802
    Dev

    The issue is still the same.

    #2565826
    David
    Staff
    Customer Support

    The problem i have is i cannot see that issue and i cannot replicate it.
    Is the site using a CDN ? I wonder if its serving a different source to what i am seeing.

    #2565837
    Dev

    No, I’m not using CDN on this website. I’m sure.

    Can you once check the website on a phone other than iPhone?

    I’m sure then you’ll find the issue

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