SKT Golf slider

Home Forums All Other Themes SKT Golf slider

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

    Hello Support,

    When I tried to increase the slider image size in small screens using following code,


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

    my mobile phone alignment look ugly.

    Please see the image below

    View post on imgur.com

    How do I keep the image height big but it won’t show the out of proportion portion.
    In fact, I don’t want to see the empty space in mobile version while I keep my home page slider height the same.

    Please see the image below

    View post on imgur.com

    I want to keep it like it always and not allowing clients to move to the right where the empty space.

    Thank you

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

    Hi,

    Remove:

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

    And Add this new CSS:

    .title { line-height:10px;}
    .nivoSlider img {
        max-width: 160% !important;
        width: 160% !important;
        margin-left: -60%;
    }

    Regards,
    Chris

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