With everchanging mobile and desktop sizes, ensuring a seamless viewing experience across mobile, laptops and other devices, it is key to ensure certain aspects of the website developments are locked in. This is why the logo size and its aspect ratio on the menu is kept as standard across all sites to ensure clear visibility across devices. This is the best practice that is followed as global standards. Additionally, enabling this may cause the website to look shabby
Note: Listed below is the size of the logo that can be used on your site
- Height - 100 px
- Width - Is auto adjusted automatically
Incase the logo size was to be increased, it would break the proportions of the menu bar due to different screen sizes of the site visitors. However, here are some ways to ensure proper visibility of the logo on your website and home page:
1. Increase Logo Width
One way of achieving this clarity in visibility is by reworking the logo. List the name of the company/ business next to the motif (design element) . As shown in the image, when the text is boldly written in a large or a bold font size on the right side of the motif, the visibility is much better.
2. Add a prominent logo in the banner section
Another way of highlighting the logo prominently on the site used by many is to add the logo in the banner section as shown above. This clearly highlights the logo and you can even list a promise statement under the logo or add other content as the need be.