Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • December 15, 2017 at 6:42 pm #889367
    L_Spry

    Hello Support,
    I am trying to have mobile view show on tablet landscape on this page http://sprysquared.info/marketing/ and it doesn’t seem to work. what is the css I need to add for the landscape tablet view to look like the portrait tablet view?

    Can you help?

    Thank you,
    Stacy Esposito
    (Email address hidden if logged out)

    December 15, 2017 at 7:13 pm #889373
    Jordan Shannon

    Hey L_Spry,

    Add this to quick css for the top columns, let me know if this works:

    @media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
.av-equal-height-column-flextable .flex_column_table_cell{
display:block!important;
}

.av-equal-height-column-flextable .no_margin.av_one_fifth{
width:100%!important;
}}

    Best regards,
    Jordan Shannon

    December 15, 2017 at 7:15 pm #889376
    L_Spry

    Hey Jordan,

    It worked brilliantly! Thank you so much, you rock!

    Kind regards,
    Stacy

    December 15, 2017 at 7:21 pm #889380
    L_Spry

    Hey Jordan,
    Is there any way to get the containers with image and then text (the 3 – 1/2 columns) to be 2 x 2 on landscape, they are stacking 1 x 1 now?

    Thanks,
    Stacy

    December 15, 2017 at 7:26 pm #889383
    Jordan Shannon

    Hi,

    Great! Did you need additional help on this topic?

    Best regards,
    Jordan Shannon

    December 15, 2017 at 7:28 pm #889386
    L_Spry

    Hey Jordan did you see this other reply?

    Hey Jordan,
    Is there any way to get the containers with image and then text (the 3 – 1/2 columns) to be 2 x 2 on landscape, they are stacking 1 x 1 now?

    Thanks,
    Stacy

    December 15, 2017 at 7:39 pm #889392
    Jordan Shannon

    Hi,

    Apologies, is this for the bottom section?

    Best regards,
    Jordan Shannon

    December 15, 2017 at 7:43 pm #889396
    L_Spry

    Yes sir, the images and green boxes with white text. I love how they stack in portrait view, but it would be nice to have them side by side with like 15-20px (2-5%?) (or more if need be?) in between the columns. Is that doable? (Stupid question to ask a developer, I know!).

    KR,
    Stacy

    December 18, 2017 at 5:23 pm #890085
    L_Spry

    Hello Jordan,

    So last week we spoke about css media queries for tablet landscape view. Unfortunately the code you gave me works globally across every page. I do not want it to affect the other pages just the marketing icon boxes.Really what I want on that page is for the query to behave as it does for the tablet portrait view. Your support won’t let me attach an image. Look at the page on the Chrome inspector set for ipad portrait, this is a separate layout I have created on the page template for smaller screens. I would like to have this smaller screen layout for the marketing page on the tablet landscape as well (not every page, just this particular page). Can you help me with that CSS? I assume I need to add some classes and or ID’s to some containers?

    Kind regards,
    Stacy

    December 21, 2017 at 6:46 pm #891269
    Victoria

    Hi Stacy,

    Please upload screenshots to Dropbox or https://imgur.com/upload and give us the links here.

    Best regards,
    Victoria

    December 21, 2017 at 7:16 pm #891283
    L_Spry

    Thanks Victoria,

    I have uploaded the images and left notes in the caption area. Let me know if the images and notes make or don’t make sense?

    Thanks,
    Stacy

    December 22, 2017 at 8:12 pm #891704
    Jordan Shannon

    Hi,

    Where are the screens?

    Best regards,
    Jordan Shannon

    December 22, 2017 at 9:10 pm #891724
    L_Spry

    Hey Jordan,

    No worries, I figured out a solution. You can close this one too!

    Thank you for following up, you rock!

    Stacy

    December 22, 2017 at 11:13 pm #891766
    Jordan Shannon

    Hi,

    I’m glad you were able to get this figured out. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘I can't seem to get the mobile view to show on Landscape Tablet (iPdad 1024)’ is closed to new replies.