Header slider subtitle responsive


#1

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.


#2

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


#3

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


#4

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


#5

Does this work for the sydney theme too?


#6

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