that works but it messes up the formatting - why is this element not the same as the section above it ( www.darrenwilson.co ) where the text flows correctly
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Does anyone know why the text is going off the page and why it isn't breaking onto the next line?
both desktop and mobile
Hi Daren,
Please try this css:
@media only screen and (max-width: 999px){body:not([data-m-animate="1"]) .nectar-highlighted-text em.animated {
display: inline-block;
} }
Thanks.
that works but it messes up the formatting - why is this element not the same as the section above it ( www.darrenwilson.co ) where the text flows correctly
Hey Again,
Try using below and check.
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.nectar-highlighted-text h2 { word-break: break-word; }Thanks
ThemeNectar Support Team
perfect, thank you (although its breaking mid word)