Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1242077
    Sandie
    Participant

    Hi,

    I have some major problem with getting the image in the REV SLIDER to look good. Could you please advise me what to do to get looking great on all devices.

    1. Is the image wrong from the beginning? Meaning the couple in the image is to far to the left for it to ever look good on screens?

    I have attached the image so you can see for your self.

    2. Can you instruct me how to proceed, or do you know whom I could contact to get some additional help? Or if there is a webcourse of some sort teaching how to get images look good on the site for all devices.

    I am thriving for something similar to this:

    Big screens: http://prntscr.com/d2hdk3

    Mobile screens: http://prntscr.com/d2hdxf

    My site is: jon-aslund.com/private-person/

    And its concerning the two rev sliders: “PRIVATE SLIDER 1” and “PRIVATE SLIDER 2”.

    On PRIVATE SLIDER 1, the image get cut of from the left, which results in the couple being displayed in half, the rest is outside the screen.

    On PRIVATE SLIDER 2, the guy gets cut of from the right.

    Please let me know what will be the best thing for me to do.

    Thanks!

    Best Regards
    /Sandra

    #1242089
    Christian
    Moderator

    Hey Sandie,

    Based on your examples, it is only possible with custom media queries. Setting it up in Slider Revolution would be tricky. You will need to find a freelancer who is an expert in designing and building responsive slides. Regretfully, we could not provide such a service. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

    Thank you for understanding.

    #1246639
    Sandie
    Participant
    This reply has been marked as private.
    #1246675
    Rue Nel
    Moderator

    Hey Sandra,

    Thanks for the updates!

    To create a fully responsive slider, perhaps the video tutorial could help:

    Please let us know how it goes.

  • <script> jQuery(function($){ $("#no-reply-1242077 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>