Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 16, 2019 at 10:00 am #1128207
    tammiviestinta

    I tried to make Team Member infos smaller and centered on mobile and used this:

    @media only screen and (max-width: 769px) {
    .team-img-container {
    margin: auto;
    width: 65%;
    }}
    @media only screen and (max-width: 769px) {
    .avia-team-member {
    text-align: center;
    }

    But this changed everything smaller: menu, sections… What is the code to do this just for Team member?

    August 17, 2019 at 4:19 am #1128407
    Rikard

    Hey tammiviestinta,

    You didn’t close the last media query properly, it might be the reason for it affecting other elements. Please try this instead:

    @media only screen and (max-width: 769px) {
.team-img-container {
  margin: auto;
  width: 65%;
}
.avia-team-member {
  text-align: center;
}
}

    Best regards,
    Rikard

    August 17, 2019 at 7:43 am #1128459
    tammiviestinta

    Oh, of course. How I did not see it? Thanks again for help!

    August 18, 2019 at 12:29 am #1128530
    Jordan Shannon

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Team Member smaller and centered on mobile’ is closed to new replies.