Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 29, 2023 at 9:03 pm #1426738
    nancyT

    I have a color section on my home page that I want to hide on iPad screens (both horizontal & vertical) and have the column below that is set for smaller screens to show. How can I adjust this? Details in private content.

    November 30, 2023 at 3:49 am #1426752
    Ismael

    Hey nancyT,

    Thank you for the inquiry.

    There are Element Visibility option in the builder elements’ Advanced > Responsive toggle. You can use these options to control the visibility of the element on different screen sizes.

    Best regards,
    Ismael

    November 30, 2023 at 3:35 pm #1426807
    nancyT

    Hi Ismael,

    Yes, I am aware of that setting and have my color section set to show only on large screens. However, “large screens” seems to include the iPad 1366px or so, and I don’t want it to show there. I was the column below the color section to show on iPad screen widths – it is set to show on Medium, Small, and Very Small. So I’m asking to adjust the break point for Large screens.

    I hope that makes it clearer.

    Thanks,
    Nancy

    December 1, 2023 at 11:22 am #1426881
    Ismael

    Hi,

    Thank you for the clarification.

    To adjust the breakpoint of the element visibility settings, please try to add this css code.

    
@media only screen and (min-width: 990px) {

    .responsive.av-no-preview #top #wrap_all .av-desktop-hide,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 989px) {

    .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: block;
    }
}

@media only screen and (min-width: 1366px) {

    .responsive.av-no-preview #top #wrap_all .av-desktop-hide,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-hidden,
    .responsive.av-no-preview #top #wrap_all .av-desktop-font-size-title-hidden {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {

    .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;
    }
}

    Best regards,
    Ismael

    December 1, 2023 at 5:47 pm #1426905
    nancyT

    Thank you!!!

    Nancy

    December 1, 2023 at 8:53 pm #1426914
    Mike

    Hi,
    Glad Ismael could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Breakpoint for iPad display’ is closed to new replies.