Service-title breaks over multiple lines

Illdy
1

Hi,

The service-title is rendered as a multiple line title in order to have three columns, however I don’t want the title to be cut. When the window width drops below 768px, the services are not in columns anymore.

How can I prevent the service-title to be cut off?

Warm regards,
Cornelis

www.aanmassage.nl

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:

Please add this CSS in appearance - customize - additional CSS

@media only screen and (max-width: 992px){
#services .section-content .service .service-title h5 {
font-size: 17px;
}
}

Thanks!
Colorlib Support Team

3

Hi, thanks for your reply. Unfortunately, when the screen width drops below 1200px and until the width reaches the 768px, the service titles are already overflowed to the next line…

4

I’ve changed h5 font size to 17px. In mobile view and below 992px width, I set it to 16px. Now it works as expected.

#services .section-content .service .service-title h5 {
font-size: 17px;
}

@media only screen and (max-width: 992px) {
#services .section-content .service .service-title h5 {
font-size: 16px;
}
}

5

Thank you for sharing final result code :slight_smile:

I will close this case now, let us know if you need anything else in the new ticket