[Resolved] Resize Mobile Font

Home Forums Support [Resolved] Resize Mobile Font

Home Forums Support Resize Mobile Font

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #614309
    Zad

    Hi

    Is there a way to resize the font for mobile and just for mobile using CSS?

    For example, on desktop, I want to keep everything as size 20, but then on Mobile, I may want to keep it as 16.

    #614317
    David
    Staff
    Customer Support

    Hi there,

    use CSS wrapped in a media query like so:

    @media (max-width: 768px) {
        body {
            font-size: 16px;
        }
    }
    #614319
    Zad

    Would that code conflict with some of the css code I currently have? I use it increase padding on the desktop and keep padding minimal on the mobile


    @media
    (min-width:769px) {
    .single.one-container .site-content {
    padding-left: 270px;
    padding-right: 270px;
    }
    }

    #614323
    David
    Staff
    Customer Support

    No, the two codes won’t conflict.

    #614326
    Zad

    Thank you! It worked perfectly.

    #614331
    David
    Staff
    Customer Support

    Glad to be of help.

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