Return to previous page

Logo stretching when view on mobile devices

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

  • Avatar: zouking
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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
    Avatar: zouking
    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
    Avatar: Eva
    Eva Kemp
    Participant
    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

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Web Agency – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Man Store – WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
WooPress – WooCommerce WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.