Responsive Design

  • Hi there,

    The plugin is excellent, but I’m facing an issue with resizing the logo proportionally on mobile and tablet devices to match the size I assigned on desktop. While everything appears fine on desktop (that is the way I want), on mobile, the logo becomes a full-screen image, which is not the desired behavior. Do you have any suggestions on how to resolve this problem?

    Thanks a bunch,

    Romain

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • I have a similar “responsive” issue. When my coming soon page is viewed on a desktop, it is perfect. When viewed on an ipad or iphone, the text spans the entire screen with no margins. It is readable but looks horrible. How can I fix this please?

    Hi @romain22, @jppaynesr,

    Thanks for choosing Lightstart!

    @romain22 To make the image smaller on mobile devices, you could add the code below in the Additional CSS section within the Customizer.

    .maintenance .logo-box img {
    width: auto !important;
    max-height: 200px !important;
    margin-left: 30% !important;
    }

    .maintenance .center.logotype {
    margin-top: 30% !important;
    }

    @jppaynesr Please open a new topic regarding your issue and provide us the URL to a page where the problem can be seen.

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Responsive Design’ is closed to new replies.