Docs

[Steve123]

Hi,

Is it possible to make the header/menu shrink/enlarge as the page scrolls like the Enfold theme, please?

Thanks.

[Prasant Rai]

Hello Steve,

Thanks for writing in!

You can use Fix Top under navbar position.

Thanks.

[Steve123]

Thanks, but that does nothing.

Are you saying it CANNOT shrink and enlarge as people scroll like Enfold?

[Rahul]

Hey There,

Thanks for writing in!

To make changes to your Header menu, we request you to follow the Header Customization section by following the below link.

https://community.theme.co/kb/customizer-header/

You can achieve the Header Scroll Effect by using an additional Javascript via Appearance > Customize > Custom > Javascript.

jQuery(document).ready(function($){
	$(window).scroll(function(){
		if ($(this).scrollTop() > 0) {
			$('.x-navbar-fixed-top').css("background-color", "#fff");
		} else {
			$('.x-navbar-fixed-top').css("background-color", "transparent");
		}
	});
});

Hope this helps!

[Steve123]

Thanks.

So X cannot do the shrink/enlarge effect that Enfold does?

[Joao]

Hi There,

Have you tried the code above?

Would you mind posting the link of your page and the page of Enfold you are referring to so we can compare and help you reach you the desired affect?

Thanks

Joao

[Steve123]

Look at the Enfold image, top left in the header as you scroll. It shrinks.

Home

[Christopher]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Steve123]

My site isn’t live (it’s a brand new version of X on up-to-date WP). All I want to know is if it is possible for X to achieve that effect, please. A simple yes or no – you do not need to see my site to tell me if X is capable of that.

[Joao]

Hi,

It is definitely possible.

You can try the solution provided above, if you are unsatisfied with it, you might search assistance of a professional developer to bring you the desired effect.

Hope that helps,

Joao

[Author]

Posts