Developer forum

Forum » Rapido » mobile logo (both image and wording) blur out

mobile logo (both image and wording) blur out

Tan Pang Lin Dynamicweb Employee
Tan Pang Lin
Reply

Hi 

May I know what is the recommended dimension for mobile logo,  we tried various dimensions and the outcome is still the same.

we tried 

- 500x255 (this was currently use in mobile setup)

- 166 x 80 (see attached)

- 190 x 85 (this was currently use in desktop setup)

please refer to this website, http://emd2-dev.dynamicwebapac.com/ for reference. 

Thanks

Pang Lin

mobile_log_size.jpg

Replies

 
Karsten Thuen Dynamicweb Employee
Karsten Thuen
Reply
This post has been marked as an answer

Hi

Thank you for the request. I can see that this solution is a little old. But I think I have a solution for you:

You could write this code for the Ignite CSS. If you already use a Less compiler on this solution, put it in a suitable Less file inside the Ignite project. Or else you could simply write it in ignite.min.css

.main-navigation-mobile.dw-mod .logo__img.dw-mod {
    height: 62px;
}

I think the optimal height, for the logo on mobile, on your solution is 62px and the width should be less than 200px. 

One thing to note, is that I would highly recommend that you use .svg vector logos, if possible, as that will give you a much more crisp result.

You are very welcome to write again, if it still causes you problems. I know that there has been some problems regarding the mobile logo, on previous releases of Rapido.

 

Best regards
Karsten Thuen

Votes for this answer: 1

 

You must be logged in to post in the forum