Hide Primary Sidebar on XS Screen Size

Jump to bottom Edit New page

Sal Ferrarello edited this page Nov 4, 2015 · 1 revision

To hide the Primary Sidebar on XS (extra small) screen size you have two options, you can either:

1. Modify the Theme

Modify the sidebar-primary value in lib/bootstrap-markup.php

2. Add this filter to add the value

add_filter( 'bsg-add-class', 'hide_sidebar_on_xs_screen_size', 15, 3 );
function hide_sidebar_on_xs_screen_size( $classes, $context, $attr ) {

    if ( 'sidebar-primary' === $context ) {
        $classes[] = ' hidden-xs';
    }

    return $classes;
}