Fix the blank space for sticky sidebar

  • Hello,

    When i scroll up the page, there’s blank above the (navigate) sidebar, it should be a sticky sidebar, the code as below, i just changed the post id and text# for each post, some post show up good sticky sidebar, but some appear with blank. Anyone can help to clarify where the problem is ?

    PS: Is there any other plugins can do the same sticky sidebar without using code?

    ——————————————————————————–

    <?php
    /**
    * Genesis Framework.
    *
    * WARNING: This file is part of the core Genesis Framework. DO NOT edit this file under any circumstances.
    * Please do all modifications in the form of a child theme.
    *
    * @package Genesis\Templates
    * @author StudioPress
    * @license GPL-2.0+
    * @link https://my.studiopress.com/themes/genesis/
    */

    do_action( ‘genesis_doctype’ );
    do_action( ‘genesis_title’ );
    do_action( ‘genesis_meta’ );

    wp_head(); // We need this for plugins.
    ?>
    </head>

    <?php if ( is_single(‘724’) ) { ?>
    <style> #text-13 { display: block; } </style>
    <?php } else { ?>
    <style> #text-13, #text-13 .widget-wrap { display: none; } </style>
    <?php } ?>

    <?php if ( is_single(‘714’) ) { ?>
    <style> #text-14 { display: block; } </style>
    <?php } else { ?>
    <style> #text-14, #text-14 .widget-wrap { display: none; } </style>
    <?php } ?>

    <?php if ( is_single(‘924’) ) { ?>
    <style> #text-15 display: block; } </style>
    <?php } else { ?>
    <style> #text-15, #text-15 .widget-wrap { display: none; } </style>
    <?php } ?>

    <?php if ( is_single(‘1097’) ) { ?>
    <style> #text-16 { display: block; } </style>
    <?php } else { ?>
    <style> #text-16, #text-16 .widget-wrap { display: none; } </style>
    <?php } ?>

    <?php if ( is_single(‘1105’) ) { ?>
    <style> #text-17 { display: block; } </style>
    <?php } else { ?>
    <style> #text-17, #text-17 .widget-wrap { display: none; } </style>
    <?php } ?>

    <?php if ( is_single(‘1202’) ) { ?>
    <style> #text-18 { display: block; } </style>
    <?php } else { ?>
    <style> #text-18, #text-18 .widget-wrap { display: none; } </style>
    <?php } ?>

    <?php
    genesis_markup( array(
    ‘open’ => ‘<body %s>’,
    ‘context’ => ‘body’,
    ) );
    do_action( ‘genesis_before’ );

    genesis_markup( array(
    ‘open’ => ‘<div %s>’,
    ‘context’ => ‘site-container’,
    ) );

    do_action( ‘genesis_before_header’ );
    do_action( ‘genesis_header’ );
    do_action( ‘genesis_after_header’ );

    genesis_markup( array(
    ‘open’ => ‘<div %s>’,
    ‘context’ => ‘site-inner’,
    ) );
    genesis_structural_wrap( ‘site-inner’ );

    • This topic was modified 7 years, 2 months ago by sammiewong.
    • This topic was modified 7 years, 2 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

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

  • Hi,
    As much as I can see, that extra space is due to padding done in li element:

    .genesis-nav-menu a {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 2px;
    padding: 30px 15px;
    text-transform: uppercase;
}

    In the code you are using 30 px bottom padding which is resulting in extra space.
    If you could make it 7 px padding for bottom, then it would work fine.

    Thank you ??

    Thread Starter sammiewong

    (@sammiewong)

    Thank you for your help !

    I’ve changed the padding form 30px to 7px like below but still the same..Shall i do anything else ?

    .genesis-nav-menu a {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 2px;
    padding: 7px 15px;
    text-transform: uppercase;
    }

    .genesis-nav-menu a:focus,
    .genesis-nav-menu a:hover {
    color: #fa5738;
    }

    .site-header.light .genesis-nav-menu a {
    /*padding: 30px 15px;*/

    Thread Starter sammiewong

    (@sammiewong)

    Hello Thanks for your help! I’ve changed the padding from 30px to 7px but still the same. I made it like ( padding:7px 15px;), shall i do anything else ?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Fix the blank space for sticky sidebar’ is closed to new replies.