Help With Text Alignment in Different Viewports

  • Resolved 1ramyt

    (@1ramyt)


    1 year, 2 months ago

    I’m having a bit of a hard time with the @media CSS for this particular component on the page I haven linked. I’ve given the section a class name of .profile-bio, and I’d like to have the text justified in portrait mode on a tablet as well as mobile viewports. Can anyone help?

    TIA!

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • What have you tried already?

    The syntax could be something like this:

    @media only screen and (max-width: 690px) {
    .profile-bio {
        text-align: justify;
    }
}

    Change the max-width value to your theme’s actual portrait/tablet breakpoint. You may also need a more specific selector to override the default.

    Thread Starter 1ramyt

    (@1ramyt)

    @gappiah – thanks so much! Apparently, I got some of the syntax incorrect and had the class name in the wrong place. Great tip on using the theme’s breakpoints as well. I’ll look into finding that info.

    Appreciate the assist!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Help With Text Alignment in Different Viewports’ is closed to new replies.

Tags