Disable UPPERCASE in header tags on mobile devices

Home › Forums › SKT Black/White Theme Support › Disable UPPERCASE in header tags on mobile devices

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 30, 2015 at 5:57 pm #7353
    David GreenDavid Green
    Member
    • Topics: 7
    • Replies: 7
    • Total: 14
    Member since: May 16, 2015

    Hello. I’m getting more and more pleased with the results that this template is bringing. Great job!

    So I’ve changed my header tags to lowercase (text-transform: lowercase) throughout the site, but on my mobile device (iPhone), they are still appearing as uppercase. How do I make it display lowercase on mobile devices, instead?

    Thanks!

    May 30, 2015 at 6:50 pm #7355
    Sonnal S SinhaSonnal S Sinha
    Keymaster
    • Topics: 10
    • Replies: 6964
    • Total: 6974
    Member since: June 12, 2013

    Add in custom CSS also:

    @media screen and (max-width: 719px) and (min-width: 480px)
    Also
    @media screen and (max-width: 479px)

    And then repeat those css texts. So they will take effect in mobile versions as well.
    Regards,
    Shri

    May 31, 2015 at 1:48 am #7369
    David GreenDavid Green
    Member
    • Topics: 7
    • Replies: 7
    • Total: 14
    Member since: May 16, 2015

    Strange… a couple hours after I posted the question, it started working correctly on my mobile before I had fixed anything.

    I think I’ll leave it alone, now.

    Thank you for your quick response, though!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.