Hello Themenectar,I have a bug on this site: https://imagestudio-sha.de/preise/The word "naturnagelverstärkung" doesn't make a wordwrap on smaller screens and looks weird. I tried following CSS but it won't help:
@media only screen and (max-width:767px){.nectar-hor-list-item >.nectar-list-item[data-text-align="center"]:last-child {text-align : right;}
Picture is attached. How can this be fixed? Thank you!
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hello Themenectar,I have a bug on this site: https://imagestudio-sha.de/preise/The word "naturnagelverstärkung" doesn't make a wordwrap on smaller screens and looks weird. I tried following CSS but it won't help:
@media only screen and (max-width:767px){.nectar-hor-list-item >.nectar-list-item[data-text-align="center"]:last-child {text-align : right;}
Picture is attached. How can this be fixed? Thank you!
Regards
Isaak
Hey M,
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.nectar-hor-list-item[data-columns="2"] >.nectar-list-item { word-break: break-word; }Thanks
ThemeNectar Support Team
Hello Tahir,
thanks for your help, the wordbreak is now active.
However, I find this solution more satisfying:
@media only screen and (max-width:767px){.nectar-hor-list-item >.nectar-list-item[data-text-align="right"]:last-child {text-align : right;}}
Regards
Isaak