Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • June 10, 2020 at 1:48 pm #1221188
    markmade

    Hi,
    I would like to adjust the following responsive breakpoints:

    (wider than 990px – e.g.: desktop) to (wider than 1025px – e.g.: desktop)

    (between 768px and 989px – e.g.: tablet landscape) to (between 768px and 1024px – e.g.: tablet landscape)

    This should be for the entire page and not just for individual elements

    June 16, 2020 at 2:10 pm #1223031
    Ismael

    Hey Markus,

    Thank you for the inquiry.

    This is possible, but you have to directly modify the enfold\config-templatebuilder\avia-template-builder\php\popup-templates.class.php, look for the screen_options_visibility function and this code around line 1751:

    desc'              => __( 'Hide on large screens (wider than 990px - eg: Desktop)', 'avia_framework' ),

    After adjusting the file, add this code in the Quick CSS field or the style.css file.

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

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

}

    Repeat the steps for the tablet view, then add this css code:

    /* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

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

}

    You may have to toggle the Performance > File Compression settings afterwards.

    Best regards,
    Ismael

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