Before you ask please READ THIS

Responsive Display for Header Titles

edited July 2014 in Adamant Posts: 5
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

  • Posts: 1,758
    Hello Jhorene,
    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; } }
    Remember to rate our theme if you like it ;)
    All the Best.
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

In this Discussion