Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #714890

    Hello. Need some help displaying the team member names/titles stacked on top of each other, as it does on small media queries.

    Thank you,
    Ryan

    #715116

    Hi Ryan,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .page-id-192 #av_section_2 .av_one_fourth {
      width:100% !important;
      margin-left:0 !important;
    }
    }

    Best regards,
    Rikard

    #715347

    Hi. Didn’t seem to change anything. I know the way those team members is laid out is not ideal, but the client is insisting on it. ; ) The only way I know to go about it on mobile is to stack the team members, maintaining their current order and centering them.

    Thanks,
    Ryan

    #715713

    Hi Ryan,

    Ok, thanks for the feedback. Please try this instead:

    
    @media only screen and (max-width: 990px) {
    .page-id-192 #av_section_2 .av_one_fourth {
      width:100% !important;
      margin-left:0 !important;
    }
    }

    Best regards,
    Rikard

    #715972

    No change

    #716985

    Hi!

    Try adding this code to Quick CSS:

    
    @media only screen and (max-width:960px) and (min-width:768px) {
      #top.page-id-193 #av_section_2 .content {
        margin: 0 !important;
        width: 100% !important;
        position: static !important;
      }
    
      .page-id-193 #av_section_2 .av_one_fourth {
        display: block;
        float: none;
        margin: 0 !important;
        width: 100%;
        text-align: center;
      }
    }

    Let us know if it works :)
    Best regards,
    Nikko

    #717533

    Good to go, thank you!

    #717816

    Hi,

    You’re welcome. Glad we could help :)

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘iPad Portrait’ is closed to new replies.