Font Size Mobile

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

Status: resolved

Tagged: 

  • This topic has 16 replies, 3 voices, and was last updated 5 y, 6 mo by  Erick.
Viewing 16 reply threads
  • Author
    Posts
    • #7104

      Erick
      Member

      Is there a way to serve specific font size for mobile users?

      For example my h2 are perfect size on large screens but once you go to a mobile browser they are huge and quite ugly since they don’t fit accordingly. Additionally I was wondering if they could be center as well.

      I also want to do the same for the paragraphs. where I want them at 22px in desktops (which i can set in the typography settings) and serve 18px to mobile users.

      I tried this code and did not work 🙁 hope you guys can shed some light on this.

      @media (max-width: 400px){
      	h2 {font-size: 26px;
              text-align: center;
      	}
      }

      and for paragraphs

      @media (max-width: 400px){
      	p {font-size: 16px;
      	}
      } 

      thank you in advance.

    • #7116

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7132

      Erick
      Member

      Haha well I like big words cuz they are easier on the eyes 🙂

      It didnt work. I deleted the code you told me and added this

      @media (max-width: 400px){
      	h2 {font-size: 26px;
              text-align: center;
      	}
      }

      and also tried it like this

      @media (max-width: 400px){
      	/h2 {font-size: 26px;
              text-align: center;
      	}/
      }

      did not work

    • #7154

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7155

      Erick
      Member
      This reply has been marked as private.
    • #7191

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7321

      Erick
      Member

      I finally had the time to upload the new mod of sparkles but nothing changed. I implemented it in the testing website I have and the sidebar doesn’t show on mobile devices when activated… and the font seems to be the same as before.

    • #7369

      Max
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7538

      Erick
      Member

      I installed the new version in my test website and is still the same. The second sidebar doesn’t show on mobile. Very wierd.

    • #7550

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7591

      Erick
      Member

      ooooh I see. It always worked but only when is activated. I assumed you could use it even if if wasn’t displaying in the real website. I kinda wanted to have a ghost sidebar that I could use specifically for mobile or smaller screens

    • #7625

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7645

      Erick
      Member

      Lol well that is sad 🙁 it will be freaking awesome having a dedicated sidebar for mobile. You could do a lot of handy stuff.

    • #7647

      Jacob
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7648

      Erick
      Member

      You know how when you have 2 sidebars activated you can either choose to hide the main sidebar and show the sub sidebar in mobiles or viceversa, just exactly the same but with an added 3rd sidebar called ‘ mobile sidebar’ where it doesn’t show in desktops but it does in mobiles. That will allow you to show thumbnails that work better for mobiles. Have you ever downloaded a plugin that looks amazing in wide screens but not so in small ones. This is where having a 3rd sidebar that does not appear in wide screens works. But I guess you could always use Css to hide things that you don’t want for smaller screens.

      Perhaps for people that are not that good with css ,this will be a life saver.

      • This reply was modified 5 y, 6 mo by  Erick.
      • This reply was modified 5 y, 6 mo by  Erick.
    • #7673

      Max
      Staff

      Hey there, You must be logged in to view this reply!

      Login | Register | Forgot Password?

    • #7777

      Erick
      Member

      Thank you maxxi 🙂

Viewing 16 reply threads
  • You must be logged in to reply to this topic.

This is a PRIVATE forum for verified users only, to view all replies/answers, you must be logged in!

© Copyright 2020 by wpthms.com. All Rights Reserved.