Issues with h3 tags on mobile devices

Homepage › Community Forums › Aspire Theme Support › Issues with h3 tags on mobile devices

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 17, 2016 at 12:16 pm #19127
    mrlennymank
    Customer

      Hi there,

      I wonder if someone can help me with a styling issue I am having with my h3 titles on mobile devices. I changed the font of h3 and increased it’s px size. This looks fine on the computer version of the site. but when I look at the screen on mobile device, the text change back to the original font and is not the right size in. It seems as though the media device is taking on the size but not the correct font family.

      I am using the Aspire theme and the site I am working on is http://testsite.thegreatmedicine.com

      Any help with this would be much appreciated.

      August 17, 2016 at 1:16 pm #19131
      kronos
      Customer

        The font stays the same for me, I’m not seeing any issues.

        The original font of theme is Open Sans, and when I view your site on my mobile device Open Sans doesn’t show up. Plus Open Sans isn’t found anywhere in your code so it shouldn’t be able to show up without it at least being in your CSS.

        August 17, 2016 at 3:40 pm #19134
        mrlennymank
        Customer

          I have changed the overall font to “Museo Sans 100”, that is why Open Sans is not showing up.

          I have changed the h3 Titles to “Wild Pen 1″. And when I view h3 on mobile devices it shows up as ‘Museo Sans”.

          Are you seeing the h3 titles on mobile devices as Wild Pen1?

          August 17, 2016 at 10:05 pm #19137
          Wes
          Moderator

            @mrlennymank Here’s how your site looks on my end – http://i.imgur.com/yzvS0ZA.jpg

            It looks the exact same on my Desktop as well as my iPhone/mobile.

            If it’s supposed to look different than this, then maybe the custom font you added isn’t working/linking properly?

            If you have this particular font installed on your computer, then it will always show up for you since it’s included in the font library of your computer. Since that’s local, it will only show up for you on that computer. If anyone else accesses the site and doesn’t have that font installed, then it won’t show. However, if you’re using Google’s fonts or something like Typekit’s fonts (which are both hosted on servers), then it should show up for everyone as long as you have access to these fonts through their system (Google is free, but Typekit requires their own special authorization for certain fonts).

            August 18, 2016 at 2:47 pm #19144
            mrlennymank
            Customer

              Hey Wes,
              Aaaaaah…I completely forgot about this. Many thanks for solving the issue for me.

              August 18, 2016 at 10:14 pm #19152
              Wes
              Moderator

                You’re Welcome!

                Make sure and let me know when you’re done by adding it to the showcase – https://appfinite.com/forum/showcase/

                I’ll also send out some tweets to share your link on Twitter.

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