Can't dismiss sticky message

[vissersj]

Please look at the sticky message on website https://tinyurl.com/yytfgflk . When you click on the dismiss button, the page goes to the top and the sticky message is coming back when scrolling down. Any idea how to resolve this issue?

https://tinyurl.com/yytfgflk

[AnitaC]

That sticky message isn't a part of any theme. You've added some sort of script to do that. You should check with the script. But you also have the site optimized so there could be something in your optimization that is preventing it from going away permanently so look there.

---

Need help with customization or troubleshooting? Reach out to me.

[vissersj]

It's not optimization and I understand it has something to do with the script, but what? I have added the script below in functions.php and the necessary javascript/css. I know it should work, because it works on website https://tinyurl.com/yyeg7lnn .

// Enqueue Scripts and Styles.
add_action( 'wp_enqueue_scripts', 'oc_enqueue_scripts_styles' );
function oc_enqueue_scripts_styles() {

wp_enqueue_script( 'oc_sticky_message', get_bloginfo( 'stylesheet_directory' ) . '/js/sticky-message.js', array( 'jquery' ), '1.0.0' );
}

//* Register widget areas
genesis_register_sidebar( array(
'id' => 'sticky-message',
'name' => __( 'Sticky Message', 'oc' ),
'description' => __( 'This is the sticky message section.', 'oc' ),
) );

// Add markup for the sticky message.
add_action( 'genesis_before', 'oc_sticky_message' );
function oc_sticky_message() {

genesis_widget_area( 'sticky-message', array(
'before' => '<div class="sticky-message">',
'after' => '<span class="screen-reader-text">Dismiss</span></div></div>',
) );
}

[Author]

Posts