Archived topic
Mobile Logo Size Issue
22 replies · Started by Dev on March 10, 2023
Hello
Please check the below screenshot
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
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;
}
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?
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.
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.
Hi,
Any update on this issue solution?
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.
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 ?
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.
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
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
Please let me know the solution.
The issue is still the same.
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.
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