Font Size Mobile

This topic is: Resolved

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

Tagged: 

This topic contains 16 replies, has 3 voices, and was last updated by  Erick 1 year, 9 months ago.

  • Author
    Posts
  • #7104

    Erick
    Member
    Post count: 1018

    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
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #7132

    Erick
    Member
    Post count: 1018

    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
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #7155

    Erick
    Member
    Post count: 1018
    This reply has been marked as private.
  • #7191

    Jacob
    Staff
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #7321

    Erick
    Member
    Post count: 1018

    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
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #7538

    Erick
    Member
    Post count: 1018

    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
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #7591

    Erick
    Member
    Post count: 1018

    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
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #7645

    Erick
    Member
    Post count: 1018

    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
    Post count: 2323

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

    Login | Register | Forgot Password?

  • #7648

    Erick
    Member
    Post count: 1018

    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 1 year, 9 months ago by  Erick.
    • This reply was modified 1 year, 9 months ago by  Erick.
  • #7673

    Max
    Staff
    Post count: 3150

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

    Login | Register | Forgot Password?

  • #7777

    Erick
    Member
    Post count: 1018

    Thank you maxxi ๐Ÿ™‚

You must be logged in to reply to this topic.

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