twenty sixteen menu breakpoint

  • Menu breakpoint is set to 910 px using

    @media screen and (min-width: 56.875em) { … }

    I want the break point to be wider (more like 69 em) but since theme is using min-width instead of max-width I can’t just reset the media call to 69 as it will still use the min-width call. Is there an easy way to make this adjustment in my child theme stylesheet? For a default theme it seems like this change should be easier. Maybe I’m not understanding something here.

    Thanks for any help.

Viewing 2 replies - 1 through 2 (of 2 total)

  • Post your site address

    Thread Starter Shirley Studebaker

    (@shirley-studebaker)

    https://dev.syringamountainschool.org

    The only way I could think of to do this was to copy the whole twenty sixteen style sheet – use that in my child theme instead of calling the actual parent style sheet and then modify the copy as needed.

    This is what I placed in my child theme functions.php

    add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    // wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'parent-style', get_stylesheet_directory_uri() . '/style2016.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'));
}

    Notice that I commented out the normal call to parent style sheet and used a copy of it instead.

    Pretty lame way to fix this but seems like my only option.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘twenty sixteen menu breakpoint’ is closed to new replies.