Responsive Compatibility Issues - by Tarquin

This topic has 6 replies, 3 voices, and was last updated 7 years, 1 months ago ago by Rose Tyler

  • Avatar: Tarquin
    Tarquin
    Participant
    August 8, 2017 at 07:55

    Hi there,

    I have some issues prevalent on mobile devices:

    1. The main slider text cahnges font appearance.
    2. The x2 Banner widgets on the home page do not display text correctly on mobile. The title covers the background and fonts change.

    Which is the best way to correct this?

    5 Answers
    Avatar: laranz
    Laranz
    Participant
    August 10, 2017 at 08:07

    Hi,

    Sorry for a delay in response.

    You can control that via Responsive settings in the slider, you can check the video tutorial about it: https://www.youtube.com/watch?v=SVYuO2rlId0

    For more tips and tricks visit their documentation: https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

    Let us know,

    Thanks,
    laranz.,

    Avatar: Tarquin
    Tarquin
    Participant
    August 10, 2017 at 08:48

    Hi thanks for this.

    My main issue is with the responsiveness of the 8theme Banners on the home page below the slide show.

    Please can you let me know how to fix this for mobile devices?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 11, 2017 at 08:46

    You may add this code in Custom css for mobile:

    .home .banner-title {
        background-color: rgba(205, 168, 92, 0.51);
    }
    .home .banner-title
     span {
        color: #292622 !important;
    }

    If this is not what you need, please provide a screenshot for better understanding.

    Regards

    Avatar: Tarquin
    Tarquin
    Participant
    August 11, 2017 at 09:38

    Hi there,

    This is what the home page should look like: https://www.dropbox.com/s/hqvgs3w3hruqqpo/Screen%20Shot%202017-08-11%20at%2010.34.33%20AM.png?dl=0

    This is how it is incorrectly appearing on mobile devices: https://www.dropbox.com/s/f5ww0brq6gv8wiw/IMG_7544.PNG?dl=0

    Site URL here: http://collagenliftparis.com/test/

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 11, 2017 at 09:53

    The same situation with banners you can see on our demo https://www.8theme.com/demo/royal/cleopatra/?et_styles=5-6-2-9-0-1
    You may use this code (in Custom css for mobile) to change responsive looks:

    .banner .banner-content p {
        display: block;
    }

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

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