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’ );
.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 ??
]]>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;*/