Slider Line between Main and Subtitle not centered!

  • Hey there!

    I optimized the slider font size with the following CSS code:

    @media only screen and (min-width: 768px){
  .text-slider .maintitle {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1500px){
  .text-slider .maintitle {
    font-size: 100px;
  }
}
@media only screen and (max-width: 767px){
  .text-slider .maintitle {
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px){
  .text-slider .subtitle {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1500px){
  .text-slider .subtitle {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px){
  .text-slider .subtitle {
    font-size: 30px;
  }
}

    Now there is a problem with the line between the maintitle and the subtitle of the slider. Only on the desktop version the line isn’t centered between the main and the subtitle. On the tablet and smartphone version the line is perfectly centered! I don’t know what to do…
    Check it out: https://www.makemuscles.net/

    Please help me how to center the line between the main and the subtitle of the slider on the desktop version.
    Thanks in Advance!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello there,

    You can use the below CSS code and do adjustment if only needed. 

    
@media only screen and (min-width:992px){
    .text-slider .maintitle:after{
      bottom: -5px;    
    }
}

    Regards,
    Kharis

    Thread Starter TheSpecialKick

    (@thespecialkick)

    Thank you very much!
    The support is awesome!

    No worries. Just go easy on it.

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Slider Line between Main and Subtitle not centered!’ is closed to new replies.

Tags