Slideshow text in one row on Mobile Phone - Forum | JoomShaper
Solved SP Page Builder

Slideshow text in one row on Mobile Phone

Asked by Stephan 2 years ago Last activity 2 years ago

Hello, i made a Slidshow with 3 Pictures and in every Picture some Text (items) -> two words in the first Line
It´s looking very good but on Mobile Phones it takes a new line in the middle of the second word where it makes no sense in german. I want to have all 2 words in one line - on mobile phone, Laptop etc. no matter how big ore small the screen is. Is that possible?

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
2 years ago

Hi

Thanks for contacting us. You can use this custom CSS in your custom.css file


@media (max-width: 767px){
#sppb-addon-nJs54ZGc1-HYY17eOYhTT .sp-slider #sp-slider-item-nJs54ZGc1-HYY17eOYhTT-num-0-key #sp-slider-inner-item-nJs54ZGc1-HYY17eOYhTU-num-0-key{

  font-size: 32px !important;
  white-space: nowrap;

}

#sppb-addon-nJs54ZGc1-HYY17eOYhTT .sp-slider #sp-slider-item-nJs54ZGc1-HYY17eOYhTT-num-1-key #sp-slider-inner-item-nJs54ZGc1-HYY17eOYhTV-num-0-key{
  font-size: 32px !important;
  white-space: nowrap;

}
#sppb-addon-nJs54ZGc1-HYY17eOYhTT .sp-slider #sp-slider-item-nJs54ZGc1-HYY17eOYhTT-num-2-key #sp-slider-inner-item-nJs54ZGc1-HYY17eOYhTW-num-0-key{
    font-size: 32px !important;
  white-space: nowrap;

}

}

-Regards.

1 more reply

Stephan Asked this
2 years ago

Thank you - works fine

Mehtaz Afsana Borsha Staff
2 years ago

You are always welcome.

Log in to reply.