-
AuthorPosts
-
November 21, 2016 at 4:58 pm #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,
RyanNovember 22, 2016 at 6:27 am #715116Hi 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,
RikardNovember 22, 2016 at 3:30 pm #715347Hi. 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,
RyanNovember 23, 2016 at 5:46 am #715713Hi 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,
RikardNovember 23, 2016 at 3:02 pm #715972No change
November 25, 2016 at 6:30 pm #716985Hi!
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,
NikkoNovember 28, 2016 at 2:16 am #717533Good to go, thank you!
November 28, 2016 at 3:36 pm #717816Hi,
You’re welcome. Glad we could help :)
Best regards,
Nikko -
AuthorPosts
- The topic ‘iPad Portrait’ is closed to new replies.
