Sydney Pro - Finance theme - adjust inner slider elements (text/button) for tablet and phone display

Hi,

How do we resize the elements such as text and buttons for the inner slider ?

Currently, it is too big when showing up on tablet and phones

Hi,

You have longer text but it can be adjusted with some custom css code. Apply css code below from Appereance > Customize > Additional CSS field:

@media (max-width: 768px) {
    .text-slider .maintitle {
        font-size: 26px !important;
        line-height: 32px !important;
    }
}

@media (max-width: 667px) {
    .text-slider .maintitle {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    #slideshow .slide-inner .text-slider {
        padding-bottom: 0;
    }

    #slideshow .slide-inner .roll-button {
        padding: 8px 12px;
    }

    #slideshow .slide-inner h2 {
        width: auto;
    }
}

And result should look like this
phone - https://www.screencast.com/t/4Eak1q0Azz3
pad- https://www.screencast.com/t/t2FL8WKStWYS

If you know what you are doing you can adjust provided code a bit.

Best Regards!

Thank you very much.