Return to previous page

Logo stretching when view on mobile devices

This topic has 4 replies, 2 voices, and was last updated 10 years, 1 months ago ago by Eva Kemp

zouking

Participant

September 22, 2014 at 02:00

Hi,

I bought and install Royal with no major issue.

However, when i view my website on mobile device such as Samsung Note 3, the logo will become stretched out when i scroll down. Thus, the logo will become blur.

Any idea how to resolve this issue?

Thanks.

Please, contact administrator
for this information.

#16365 Copied

3 Answers
Eva Kemp

Support staff

September 22, 2014 at 09:11
Hello,

Please add this code in custom.css file:
```
@media (max-width: 992px) {.fixed-header-area .header-logo img {
width: 150px;
max-width: 150px;
}}
```
How to create custom.css you can watch here. The tutorial is for Legenda theme, but the process identical.

Thank you.
Regards,
Eva Kemp.
#16376 Copied
zouking

Participant

September 22, 2014 at 09:15

added, but it’s the same, still stretched out.

I only got default.custom.css file.

Is this the correct one?

#16378 Copied

Eva Kemp

Support staff

September 22, 2014 at 10:32

Hello,

That’s not correct. Have you watched the tutorial I provided you in the previous post?
You need rename default.custom.css to custom.css via FTP and enable it in Theme Options > Custom CSS.

Thank you.
Regards,
Eva Kemp.

#16394 Copied
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Logo stretching when view on mobile devices’' has been successfully resolved, and the topic is now closed for further responses

Logo stretching when view on mobile devices

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection