Slider issues

Home Forums All Other Themes Slider issues

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #148830
    nahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    I have tried different themes and none of them look good on mobile devices. The slider area is so small.

    I have tried almost all the themes to see if it works. Is there any css code to overcome this issue. I have tried other themes from some other companies and works fine on mobile devices.

    Please do help me solve this as I am a big fan of your themes and continue using your themes for couple of years now. I really don’t want to move into any other themes.

    I hope someone can send me a css that solves the home page slider issues on mobile devices.

    I want to see my themes big (full screen on the mobile devices).

    Please see the attachments
    Here are some examples of what I am talking about.

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    View post on imgur.com

    Here is a DIVI theme template which has a full screen slider

    View post on imgur.com

    Please help me make something like this as most of my clients used SKT themes trying to move away and I really like your themes except slider.

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

    Hi,

    Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

    .nivoSlider img {
        max-width: 160% !important;
        width: 160% !important;
        margin-left: -60%;
    
    }

    Regards,
    Dave

    #148962
    nahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    Thanks Dave,

    It screw up the desktop version and in all other versions. Slide changed dramatically and not flowing well!

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

    Hi,

    Remove

    .nivoSlider img {
        max-width: 160% !important;
        width: 160% !important;
        margin-left: -60%;
    
    }

    Add this CSS there

    @media screen and (max-width:767px) {
    .nivoSlider img {
        max-width: 160% !important;
        width: 160% !important;
        margin-left: -60%;
    
    }
    }

    Regards,
    Dave

    #149013
    nahumpfrancis
    Participant
    • Topics: 31
    • Replies: 67
    • Total: 98
    Member since: August 30, 2018

    Thanks Dave. I really appreciate your help.

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

    🙂

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