Hi trance4eva. You’ll need to create a child theme if you’re not already using one. There is a preconfigured child theme on the theme website. See the end of this thread for instructions on how to download it.
1. Copy the following function to your child theme functions.php file.
function alx_styles() {
wp_enqueue_style( 'style', get_stylesheet_uri() );
if ( ot_get_option('responsive') != 'off' ) { wp_enqueue_style( 'responsive', get_template_directory_uri().'/responsive.css' ); }
if ( ot_get_option('custom') == 'on' ) { wp_enqueue_style( 'custom', get_template_directory_uri().'/custom.css' ); }
wp_enqueue_style( 'font-awesome', get_template_directory_uri().'/fonts/font-awesome.min.css' );
}
2. Change the second line to this so it loads the responsive.css file from your child theme instead of the parent theme.:
if ( ot_get_option('responsive') != 'off' ) { wp_enqueue_style( 'responsive', get_stylesheet_directory_uri().'/responsive.css' ); }
3. Copy the responsive.css file from the parent theme to your child theme.
4. In this section of responsive.css on your child theme:
/* ————————————————————————- *
* Toggle Sidebar s2 : 1200px > 480px
/* ————————————————————————- */
you will see these two media queries:
@media only screen and (min-width: 480px) and (max-width: 1200px)
@media only screen and (min-width: 961px) and (max-width: 1200px)
5. Change the max-width parameter to 1020px. This should keep the sidebar expanded until the viewport is reduced to 1020px.