Text Limitation on Slider Option

[archandanchor]

Hi There,

Is there a text limitation for the “Side Items Content” under the main slider, slider options? I am asking because we have the phrase “Beautifully Designed. Purposefully Built.” It looks great on tablets and computer screens. The mobile version cuts off “Purposefully” and only shows “Purposeful.”

Example: https://archandanchor.com/

Thank you for any help you can provide.

[themearile]

Hi Archand

Thanks for contacting us.

Okay, kindly add the below CSS in the Additional CSS box. Please go to Appearance => Customize => Additional CSS, then paste the CSS here and click the Publish button.

@media (max-width: 500px) {
	.theme-main-slider.vrsn-three .theme-slider-content .title-large {
		font-size: 2.4rem;
		letter-spacing: 3px;
		word-break: break-all;
	}
}

Let us know if it works for you.

Regards,
ThemeArile

[archandanchor]

I added the additional CSS. This is how it currently reads:

@media (max-width: 768px) {
	.theme-header-logo-center img.custom-logo {
		max-width: 100% !important;
	}
}
@media (max-width: 500px) {
	.theme-main-slider.vrsn-three .theme-slider-content .title-large {
		font-size: 2.4rem;
		letter-spacing: 3px;
		word-break: break-all;
	}
}

Now on the mobile version it breaks the text like this:

BEAUTIFULLY DES
IGNED. PURPOSEF
ULLY BUILT.

[Author]

Posts