Mobile Issue – Button / Divider with long Text

[stephaniec0331]

I am using the divider module (line and text, center) in your page builder. The text looks fine on a desktop screen, but when viewed from a mobile, the divider text is overlapping the content below. How can I fix this?

[stephaniec0331]

Also, I am having a similar issue with a large button. When viewed on mobile, it wraps and becomes unreadable.

[stephaniec0331]

This reply has been marked as private.

[SeaTheme]

Please login wp-admin, go to Theone / General Settings / Custom Css
Paste the css to Custom Css

@media (max-width: 768px) { 
.btn-mod-wrap .ux-btn{ letter-spacing: 1px;}
.btn-mod-wrap .ux-btn {font-size: 2vw; letter-spacing: 0;}
.responsive-ux .separator.text-center .separator_inn { max-width: 20px; }
}
@media (max-width: 480px) { 
.responsive-ux .separator.text-center .separator_inn { display: none; }
}

[Author]

Posts