Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 19, 2017 at 2:28 pm #763195
    Krzysztof

    Hi
    I am using single blog post without sidebar and all looks great on desktop. On mobile not.
    How can I change text alignment for left only on mobile?

    March 19, 2017 at 5:18 pm #763252
    Mike

    Hey Krzysztof,
    To change your text alignment from justify to left on mobile devices (max 425px) Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 426px){
    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left !important; 
}}

    Best regards,
    Mike

    March 19, 2017 at 5:34 pm #763258
    Krzysztof

    Hi
    Thank you, for quick answer, works great.
    Last question: if I want to increase font size on mobile only should I use as follow code?

    @media only screen and (max-width: 426px){
    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left !important; 
    font-size: 18px;
}}
    March 19, 2017 at 6:02 pm #763262
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 426px){
    #top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left !important; 
    font-size: 18px !important; 
}}

    Best regards,
    Mike

    March 19, 2017 at 6:05 pm #763263
    Krzysztof

    Thank you a lot!

    March 20, 2017 at 12:52 am #763393
    Mike

    Hi,
    Your welcome and Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Left text alignment signle post without sidebar on mobile only’ is closed to new replies.