Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #641778

    Hi,

    How can I reduce font sizes for tablet and smart phone views?

    Thank you!

    #641921

    this is part of Media Querries

    for example :

    @media only screen and (max-width: 480px) {
        body {
            font-size: 14px;
        }
    }

    this will work for screen only and underneath a width of 480px
    you see on that link that you can set a lot of options – maybe you only want to set print font size :

    @media print {
        body {
            font-size: 14px;
        }
    }

    but if you like to overwrite some rules on enfold you have to think about the class: “.responsive” which is added if you are beneath the width you set for mobile behaviour on enfold options dialog.
    etc. pp.

    btw. it is often recomended that you set those rules to !important

    • This reply was modified 7 years, 10 months ago by Guenni007.
    #641922

    by the way you can set both min and max:

    @media only screen and (min-width:769px) and (max-width: 1023px)

    and with f.e. aspect-ratio you can set specified rules for retina display or not etc..
    very nice feature on CSS.

    #642306

    Hi,

    Please refer to @Guenni007’s post

    @Guenni007
    thanks as always :)

    Best regards,
    Yigit

    #642334

    Thank you @Guenni007 and Yigit!

    #642456

    Hi,

    Glad you got it working, please let us know if you should need any more help on the topic.

    Best regards,
    Rikard

    #1217837

    Hi guys I tried everything but nothing is working on my website.
    I cannot change h1 and h2 height

    #1217984

    Hi phoenixdivers-kohlanta,

    Please do not post the same question in multiple threads. I replied to you in another thread.

    Best regards,
    Victoria

    #1218102

    I will.
    sorry for that.

    #1219517

    Hi phoenixdivers-kohlanta,

    No worries :) I will close this thread, though.

    Best regards,
    Victoria

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Changing font sizes for mobile view’ is closed to new replies.