Несколько липких предметов сложены

Я создаю веб-сайт и имею некоторые проблемы.

Веб-сайт test.scorpiontv.com. Пока у нас есть главное меню навигации, которое является липким, согласно теме (Катушка от WPZoom). Я также хочу сделать панель категорий сортировки «Наши программы» липкой, чтобы после прокрутки вниз категории оставались видимыми (но основная навигация сайта также оставалась видимой). Я пытался поиграться с кодом, но ничего не получалось. Я был бы очень признателен за любую помощь в этом.

Спасибо!

Вот код эффекта сортировки портфолио:

<div class="inner-wrap">

<section class="portfolio-archive">

<?php while ( have_posts() ) : the_post(); ?>

<section class="home_section">

<?php the_title( '<h2 class="section-title">', '</h2>' ); ?>

<div class="entry-header-excerpt"><?php the_content(); ?></div>

<nav class="portfolio-archive-taxonomies">
<ul class="portfolio-taxonomies portfolio-taxonomies-filter-by">
<li class="cat-item cat-item-all current-cat"><a href="<?php echo get_page_link( option::get( 'portfolio_url' ) ); ?>"><?php _e( 'All', 'wpzoom' ); ?></a></li>

<?php wp_list_categories( array( 'title_li' => '', 'hierarchical' => true,  'taxonomy' => 'portfolio', 'depth' => 1 ) ); ?>
</ul>

</nav>

</section>

<?php endwhile; // end of the loop. ?><?php
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;

$args = array(
'post_type'      => 'portfolio_item',
'posts_per_page' => -1,
);

$wp_query = new WP_Query( $args );

$col_number = option::get('portfolio_grid_col');

?>

<?php if ( $wp_query->have_posts() ) : ?>

<div class="portfolio-grid col_no_<?php echo $col_number; ?>">

<?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

<?php get_template_part( 'portfolio/content' ); ?>

<?php endwhile; ?>

</div>

<?php get_template_part( 'pagination' ); ?>

<?php else: ?>

<?php get_template_part( 'content', 'none' ); ?>

<?php endif; ?>

</section><!-- .portfolio-archive -->

</div>

Это код для главной страницы, где вы видите портфолио:

 <?php if ( option::is_on( 'featured_posts_show' ) ) : ?>

<div class="slider-wrap">

<?php get_template_part( 'wpzoom-slider' ); ?>

</div>

<?php endif; ?>

<div class="inner-wrap">

<section class="portfolio-archive">

<section class="home_section">

<h2 class="section-title"><?php _e('Our Programmes', 'wpzoom'); ?></h2>

<nav class="portfolio-archive-taxonomies" >
<ul class="portfolio-taxonomies portfolio-taxonomies-filter-by">
<li class="cat-item cat-item-all current-cat"><a href="<?php echo get_page_link( option::get( 'portfolio_url' ) ); ?>"><?php _e( 'All', 'wpzoom' ); ?></a></li>

<?php wp_list_categories( array( 'title_li' => '', 'hierarchical' => true,  'taxonomy' => 'portfolio', 'depth' => 1 ) ); ?>
</ul>

</nav>

</section><?php
$paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;

$args = array(
'post_type'      => 'portfolio_item',
'posts_per_page' => -1,
);

$wp_query = new WP_Query( $args );

$col_number = option::get('portfolio_grid_col');

?>

<?php if ( $wp_query->have_posts() ) : ?>

<div class="portfolio-grid col_no_<?php echo $col_number; ?>">

<?php while ( $wp_query->have_posts() ) : $wp_query->the_post(); ?>

<?php get_template_part( 'portfolio/content' ); ?>

<?php endwhile; ?>

</div>

<?php get_template_part( 'pagination' ); ?>

<?php else: ?>

<?php get_template_part( 'content', 'none' ); ?>

<?php endif;

wp_reset_query();
?></section><!-- .portfolio-archive -->

</div>