Mobile Responsiveness - Icon Box Slider

Home › Forums › Jevelin Theme › Mobile Responsiveness – Icon Box Slider

Home › Forums › Jevelin Theme › Mobile Responsiveness – Icon Box Slider

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • harryjdixon
    Participant

    Hi,

     

    I am using Jevelin Corporate Theme with an Icon Box Slider.

     

    When I look at my site on a mobile device (iphone 6 and iphone 7) the text gets cut off when on the ‘investment thesis’ slide of the icon box slide (http://digi.vc/). I just downloaded and installed the Theme beta update to fix some other problems however the responsiveness still isn’t working.

     

    Please advise

    Shufflehound Support
    Moderator

    Hi @harryjdixon,

     

    I hope you are well today and thank you for your question.

     

    I could troubleshoot the issue on my test site and found out it is a Unyson framework issue.

     

    You can try resolving the issue by adding the following CSS code in the Custom CSS code option of your theme on the below path.
    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

     

    .sh-iconbox-slider .slick-current.slick-active.sh-iconbox-slider-item .sh-iconbox-slider-item-content {
height: auto;
}

.sh-iconbox-slider .slick-current.slick-active.sh-iconbox-slider-item {
height: auto;
}

     

    Best regards,
    Shufflehound team

    harryjdixon
    Participant

    This makes the styling all messed up for the icon box slider, slides “about” and “what we Provide” http://digi.vc/.

     

    There isnt enough padding on top of the header and the bottom of the sliderbox pushes up to the top. Please advise

    Shufflehound Support
    Moderator

    Could you please try using the below CSS code replacing the previously provided code?

    @media screen and (max-width: 1026px){
.sh-iconbox-slider .slick-current.slick-active.sh-iconbox-slider-item .sh-iconbox-slider-item-content {
    height: auto;
    padding-top: 50px;
}
.sh-iconbox-slider .slick-current.slick-active.sh-iconbox-slider-item {
    height: auto;
    min-height: 450px;
}
}

    harryjdixon
    Participant

    It seems to be working. Thanks!

     

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)