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.