Docs

[Anonymous]

Hi, please go to http://www.sub.benhawkins.de (admin accress in pvt).

I want to know how to hide the navigation and logo for the startimage.
Want that image fullscreen without navigation.
If user scroll down the navigation and logo should became visible.

And second question; where do I have to set the anchor for onepage-website navigation.

Thank you
Andre

[Anonymous]

This reply has been marked as private.

[Nabeel A]

Hi there,

Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$('header').hide();
	var image_height = $(".home #x-section-1").outerHeight();
	$(window).scroll(function(){
		if ($(this).scrollTop() > image_height) {
			$('header').show();
		} else {
			$('header').hide();
		}
	});
});

For one page navigation, please refer to this link: https://community.theme.co/kb/how-to-setup-one-page-navigation/

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[Anonymous]

works thx
Andre

[Rue Nel]

You are most welcome!

[Anonymous]

one page navigation also works very well

thx for the documentary

Andre

[Christopher]

We’re glad that you found it helpful.

[Anonymous]

Hi, I´m afraid, I found out that now the navigation is completly hidden in mobile mode. When I answered first, I just checked it on a monitor.

And one more question. Is it possible to shrink the start image automaticly for smaller devices?

Thanks
Andre

[Rad]

Hi there,

You mean the first section right?

Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media (max-width: 767px){
.home #home {
    padding: 100px 0px 100px !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-attachment: initial !important;
}
}

Cheers!

[Author]

Posts