Support » Themes and Templates » How to change text alignment on mobile version ONLY?

Viewing 1 replies (of 1 total)
  • Hello Jesyna,

    You’ll need to use css functions called media Queries which allows you to make mobile specific styles.

    for you case

    .main-column p {
        text-align: justify;
        font-size: 16px;
        letter-spacing: 0.5px;
    }

    This is the property that making all text justify,

    You need to add following codes to your stylesheets

    /* Portrait and Landscape */
    @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2) { 
        .main-column p {
          text-align: left;
        }
    }
    
    /* Portrait */
    @media only screen 
      and (min-device-width: 375px) 
      and (max-device-width: 667px) 
      and (-webkit-min-device-pixel-ratio: 2)
      and (orientation: portrait) { 
      .main-column p {
        text-align: left;
      }
    }

    That is for Iphone 6 , you can get detail media query guide form here Media Query

    if you need any additional clarification, just ask

    Regards
    Dasun

Viewing 1 replies (of 1 total)
  • The topic ‘How to change text alignment on mobile version ONLY?’ is closed to new replies.