Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 14, 2020 at 5:00 pm #1237893
    envapk2

    Hi
    How can I change the element visibility settings throughout the site? I know how to do this by targeting an element through CSS @media etc, but I want to be able to change the settings throughout. Specifically, where the ‘Hide on medium sized screens (between 768px and 989px – e.g.: Tablet Landscape) and Hide on small screens (between 480px and 767px – e.g: Tablet Portrait) are I want to increase 768 to 769px and 767 to 768px so that an iPad Portrait is changed.
    many thanks

    Peter

    August 19, 2020 at 10:49 pm #1239321
    Yigit

    Hey Peter,

    You can find it in enfold/css/base.css file by searching
    “av-medium-hide” and “av-small-hide”
    You can adjust the values and then copy the file to your child theme inside /css/ folder and then add following code to Functions.php file of your child theme

    add_action( 'wp_enqueue_scripts', 'wp_change_basecss', 20 );
function wp_change_basecss() {
   wp_dequeue_style( 'avia-base' );
   wp_enqueue_style( 'avia-base-child', get_stylesheet_directory_uri().'/css/base.css' );
}

    Best regards,
    Yigit

    August 20, 2020 at 12:35 am #1239337
    envapk2

    Hi Yigit

    That looks great, I will try that out.

    many thanks

    Peter

    August 20, 2020 at 6:08 am #1239438
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    August 20, 2020 at 10:56 am #1239502
    envapk2

    Hi Jordan
    No that’s great, please do close.

    many thanks

    Peter

    August 20, 2020 at 1:16 pm #1239530
    Yigit

    Hi,

    You are welcome, Peter! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘change element visibility settings’ is closed to new replies.