Header slider subtitle responsive

Hello,
I am using talon theme for this website http://www.jacqueline-labasse-coaching.com/
I change the font size for the slider subtiltle (I don’t use the h1 title of the slider) and now on mobiles the responsive doesn’t work. How can I fix it ?

Thank you very much for you time and help.

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (max-width: 900px) {

      .main-slider-caption {
        top: 24%;  
      }

      .main-slider-caption p {
        font-size: 20px;
      }

    }

    @media only screen and (max-width: 480px) {

      .main-slider-caption {
        top: 10%;  
      }

      .main-slider-caption p {
        font-size: 16px;
        line-height: 20px;
      }

    } 

Regards,
Kharis

Hey !
It’s works perfectly.
Thank you very much. Talon theme is awsome :slight_smile:

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Does this work for the sydney theme too?

Hello there,

It doesn’t work for Sydney as it has different markup. You should use this one instead:

    @media only screen and (max-width: 900px) {

      .header-slider .slide-inner {
        top: 30%;
      }

      .header-slider .text-slider .subtitle {
        font-size: 21px;
      }

    }

Please open your own topic in Sydney support channel if you any further questions regarding this.

Regards,
Kharis

1 Like