Using a bigger font will make the logo to big for desktops.
I understand needing space for the menu but it appears that the logo CSS is set so that regardless of the size of the logo, the space is set as the same for every website.
For example, the logo for Website A is \"Logo\". The logo for Website B is \"LogoLogoLogo.\" The Website B logo is wider and requires more space but must fit into the same space as Website A.
The size of the menu is the same for all websites. So can\'t the logo space be adjusted according to individual website logos?
Yes, I understand your logic but it is impossible to put into practice.
If you want you can adjust logo size for the mobile devices. To do that please go to Eclipse -> General Settings, paste the next code to Custom CSS field and adjust 50% with your needs.
@media only screen and (max-width: 767px) {
.logo-header-img {
width: 50%;
}
}
The logo is 990x181 and looks great on a desktop but on an iPhone it is so small it can be difficult to read by people with vision problems.
Solution?
That attachment is an iPhone 5 but it looks the same on my iPhone 6.
Thanks
Hi Lee,
On the mobile devices logo will be small to not cover the menu icon. Also, the logo visibility depend on the font size used.
Best regards,
George
Which Font size?
Font size used for the logo image. Use a bigger font to cover more from your logo.
Best regards,
George
Using a bigger font will make the logo to big for desktops.
I understand needing space for the menu but it appears that the logo CSS is set so that regardless of the size of the logo, the space is set as the same for every website.
For example, the logo for Website A is \"Logo\". The logo for Website B is \"LogoLogoLogo.\" The Website B logo is wider and requires more space but must fit into the same space as Website A.
The size of the menu is the same for all websites. So can\'t the logo space be adjusted according to individual website logos?
Thanks
Yes, I understand your logic but it is impossible to put into practice.
If you want you can adjust logo size for the mobile devices. To do that please go to Eclipse -> General Settings, paste the next code to Custom CSS field and adjust 50% with your needs.
@media only screen and (max-width: 767px) { .logo-header-img { width: 50%; } }
Best regards,
George
Fantastic! Thanks.