Hello,
I noticed something strange on the Headers/Titles when viewing the website on mobile devices. It doesn't center all headings nicely or the one that is right-aligned is showing up a bit weird. It cuts off most of the headings.
In my demo website
http://wedemo2.co.za/bbb/ I clearly see it on the first header, the Pacakges header and then later on in the email address and phone number inside the contact section.
Please let me know what am I doing wrong here?
Thank you in advance.
REgards,
Jhorene
Comments
thank you for pointing uot this issue, we'll fix it in upcomming update.
For now you can overwrite some styles of headings in Adamant Options >> Custom Style section.
You can try with:
.vc_separator h1, .vc_separator h2, .vc_separator h3, .vc_separator h4, .vc_separator h5, .vc_separator h6 { word-break: break-all; }
or just make each of those headings smaller for mobile devices - like:
@media only screen and (max-width: 480px) { .vc_separator h1{ font-size: 20px !important; } }
All the Best.