On the homepage I am using inline css to control the text color size and spacing. But I am not sure if I am breaking the lines correctly because when I resize the browser to see how it will look on mobile, the text overlaps.
I put this code in the "Caption" section of the Nectar Slider module.
On the homepage I am using inline css to control the text color size and spacing. But I am not sure if I am breaking the lines correctly because when I resize the browser to see how it will look on mobile, the text overlaps.
I put this code in the "Caption" section of the Nectar Slider module.
<H1><span style="font-size: 50px !important; color: #27393b;">We Make</span> <br><br><br> <br> <span style="font-size: 50px !important; color: #ffffff;"> Brands </span><span style="font-size: 50px !important; color: #27393b;"> Memorable </span> <br><br><br> <br> <span style="font-size: 50px !important; color: #27393b;"> Wineries </span><span style="font-size: 80px !important; color: #eb4f73;">Profitable </Span> </h1>
Hey ,
Remove the !important in the inline css : http://prntscr.com/8x0nv3 .
Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
@media only screen and (max-width: 690px) { .swiper-slide h1 span { font-size: 40px !important; } }ThemeNectar Support Team
Agh Thanks!