Coach Theme – slider images distorted on the desktop version

Home Forums All Other Themes Coach Theme – slider images distorted on the desktop version

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #84728
    qlhawley
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: August 27, 2017

    . I’m having a real difficulty with the slider. The slider on the mobile version has the images come up perfectly. However, on the desktop version, they look absolutely huge and only a portion of the images are visible. How do I correct that? It could just be me not understanding resolution, image sizing, and aspect ratios. I don’t know.

    It would be nice if the slider images from the desktop version were perfect like the mobile version.

    My website is http://www.dreamlifemotivation.com

    Any help would be greatly appreciated.

    #84736
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25474
    • Total: 25474
    Member since: August 16, 2013

    Hi,

    You should use the 1420×570 size images for slider.

    Regards,
    Dave

    #84871
    qlhawley
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: August 27, 2017

    Changing the image size fixed the problem for the desktop but now the mobile version is messed up.

    Before, the mobile version was perfect and the desktop was a problem. Perhaps it’s not just the image size and maybe it’s the slider?

    How can I fix this? Why does desktop version work and the mobile not and Visa versa?

    Thanks

    #84878
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25474
    • Total: 25474
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of mobile versions? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Dave

    #84918
    qlhawley
    Member
    • Topics: 1
    • Replies: 2
    • Total: 3
    Member since: August 27, 2017

    Slider inconsistencies https://imgur.com/a/1jz4p

    I sent three images:

    1. Mobile desktop view

    2. Mobile mobile view

    3. Laptop view

    #85132
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25474
    • Total: 25474
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    #slider.nivoSlider { height:auto !important;}

    Regards,
    Dave

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.