Site logo

Archived topic

Sticky menu changing color when scrolling down

9 replies · Started by Alexandre on December 16, 2017

Viewing posts 1–10 of 10

Hi,

I would like to replicate the same effect as shown at https://fdcanada.ca/fr/accueil/

What I'm looking for is a smooth transition from a transparent menu to a colored background when scrolling down. The Home menu (Accueil) is also shifting from green to dark grey when background changes.

I'm not sure where to begin with. Is this something already cooked in GP or should I add some custom CSS.

BTW, It's a real pleasure to work with your theme. So much easier.

Thanks for your support

Thanks,

That's what I was looking for.

No problem!

Strange, the necessary classes aren't being added to the navigation as they should.

Any changes made to the files by chance?

Yes I'm using a template create by the plugin WP fullpage That I custom to get the genretepress nav.

<?php
/**
 * The template for displaying all fullpages
 *
 * This is the template that displays all fullpages by default.
 * Please note that this is the WP Fullpage construct of fullpages and that
 * other 'pages' on your WordPress site will use a different template.
 */

get_header(); ?>

	<div id="primary" <?php generate_content_class();?>>
		<main id="main" <?php generate_main_class(); ?>>
			

<div id="fullpage" class="<?php WPFP_Query()->get_fullpage_easing(); ?> <?php print WPFP_Query()->fullpage->post_name; ?>" data-bg="<?php print WPFP_Query()->get_fullpage_bg(); ?>">

	<?php

		while ( have_posts() ) : the_post();

			// Start the sections Loop.
			WPFP()->get_sections();

		endwhile;

	?>

</div><!-- #fullpage -->

<?php

$navigation = WPFP_Query()->fullpage->fullpage_options['navigation'];

if( 'yes' === $navigation )
	WPFP()->get_navigation();

// WPFP()->get_sidebar();
WPFP()->get_footer();

I'm sure it's because of that. But I'm out of solution now.

I believe the issue is you're not calling the wp_footer() function at the bottom of the file.

Might be worth trying.

It's all good ! We decide to remove the fullpage option. Everything works fine now!

Awesome :)

This archived topic is closed to new replies.