Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 26, 2018 at 1:00 am #990000
    Rhapsodyingraphics

    I am trying to use the element visibility feature to only show certain content on large screens but it doesn’t seem to be working. I am referring to the description text next to the people image in the Who We Are section of our site https://www.iggygetout.com/
    It displays perfectly on large screens (text shows) and mobiles (text disappears) but on ipads it doesn’t disappear it just gets really long and skinny (we are using grid layout) and it really doesn’t look very good.
    I have Hide on medium screens, Hide of small screens and Hide of very small screens all ticked.
    Is there a way to force this to work for ipads?

    July 26, 2018 at 6:34 am #990062
    Rikard

    Hey Rhapsodyingraphics,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    July 26, 2018 at 7:16 am #990077
    Rhapsodyingraphics

    Thank you – details are below.

    July 26, 2018 at 2:13 pm #990257
    Victoria

    Hi Rhapsodyingraphics,

    Could you please attach some screenshots of the issue?

    You can upload screenshots to a service like Dropbox and give us the links here.

    Best regards,
    Victoria

    July 27, 2018 at 3:16 am #990524
    Rhapsodyingraphics

    Hi – attached three shots so you can see how it isn’t working correctly. These were taken on an iPad Pro (size is 240mm x 170mm)
    Thanks
    Barb

    July 30, 2018 at 6:04 am #991397
    Ismael

    Hi,

    Thanks for the info.

    This css code should help you adjust the screen size where the element should be hidden.

    @media only screen and (max-width: 1024px) and (min-width: 768px) {
.responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
    display: none;
}
}

    Default max-width value is 989px. Adjust the max-width value to 1366px if you want to hide the element on iPad Pro devices.

    Best regards,
    Ismael

    July 30, 2018 at 6:47 am #991407
    Rhapsodyingraphics

    Hi
    Sorry, I’m not sure I understand. Do I just add that exact code you’ve given me
    or do I need to adjust it somehow? None of the numbers in the code match the
    numbers in the instructions you have given me so I’m not sure what I’m meant to
    change.

    B
    Barbara Smith
    Rhapsody in Graphics

    July 30, 2018 at 4:39 pm #991580
    Victoria

    Hi Barbara Smith,

    Try using the code like this if the code above did not work for you

    
@media only screen and (max-width: 1366px) and (min-width: 768px) {
.responsive.av-no-preview #top #wrap_all .av-medium-hide, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-hidden, .responsive.av-no-preview #top #wrap_all .av-medium-font-size-title-hidden {
    display: none;
}
}

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.