Display header slider title and subtitle on mobile


#1

Hi,

Thanks for this beautiful theme!

I would like to display the header slider title and subtitle on mobile. I added the following custom CSS but it doesn’t work properly (it shows only part of the subtitle and the call to action button went up), can you please help?

@media only screen and (max-width: 767px) {
.text-slider {
display: block!important;
}
}

Here is the link of my page: assmat.mykidishappy.com

Please note that I did also remove the menu button and the site description. In fact, on mobile I only need to display the slider header title, slider header subtitle and call to action button. If needed, I can also remove the site title.

Thanks a lot for your help!


#2

Hi,

Try adding this too:


@media only screen and (max-width: 767px)
  .text-slider .maintitle {
    font-size: 14px;
    line-height: 1.4;
  }
  .text-slider-section {
    top: 50%;
  }
}


#3

Thanks a lot! It worked perfectly!

Have a nice day!


#4

Hello,
I would like to display the header slider title and the header slider subtitle separatly (i need them to bemore separate), is it possible ?
Thanks so much !