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
  • 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

    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

    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

    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;
    }
    }

    It seems to be working. Thanks!

     

    You are most welcome here 🙂

Viewing 6 posts - 1 through 6 (of 6 total)