Responsive size for slider title

Hello Atheme team. I use sydney pro child theme and for slider text I used
@media only screen and (max-width: 1124px) {
.text-slider .maintitle {
font-size: 16px;
line-height: 24px;
padding-bottom: 15px 0;
}
.text-slider .subtitle {
font-size: 32px;
line-height: 1.1 ;
padding: 10px ;
}
}
it is not right? in Mobile version texts are very huge and look not good. please can you help for solving this problem

our site is bakusteelturkey.com

Hello,

You have this CSS code in child theme stylesheet (row 21-26):

.text-slider .subtitle {
    color: white !important;
    font-size: 60px !important;
    font-weight: bold;
    line-height: 60px !important;
}

It blocks the code that you mentioned above.

Kind Regards, Roman.

Iā€™m not professional programmist that is why I donā€™t know how can it :frowning: . I want on desktop this one. but in mobile responsive. How can I do It?on desktop font size big and white color not take primary color, and on mobile also white color but responsive. Can you help please

Hello, try to use this code instead:

.text-slider .subtitle {
    color: white !important;
}

@media (min-width: 1125px) {
    .text-slider .subtitle {
        font-size: 60px !important;
        font-weight: bold;
        line-height: 60px !important;
    }
}

Kind Regards, Roman.

Roman thank you very much everything Ok

1 Like