Docs

[verysandwich]

Hey gang,

Bunch of questions concerning the navbar and fade in effect. I am building a site for a client using the Renew stack here:
http://cardinalfoxes.net

First, what I’m trying to achieve with the navbar is it being completely transparent on load, and then changing to a semi-transparent bar as soon as the user begins to scroll down.

Second issue seems to have resolved itself, so I assume it was a problem with my server or something similar.

Any help with either of these issues would be much appreciated.

Thanks,
Very Sandwich

[verysandwich]

This reply has been marked as private.

[verysandwich]

Also, I would like the navbar to be transparent only on the Home page. The rest of the pages should just have that semi-transparent navbar with no border / shadow.

Thanks!

[Lely]

Hi There,

Please add the following code in Customize -> Custom -> JavaScript :

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

Above will work for home. For other pages, please set Navbar background on Appearance > Customize > Renew > Navbar Background.

Hope it helps.

[verysandwich]

One of question that just has me stumped. Tonight while editing the site at cardinalfoxes.net every column, row, section seems to be aligning to the left no matter what settings I select. I tried deactivating all plugins, turning off Essential Grid, etc but to no avail. I did just update Cornerstone, but I doubt that’s the cause. Any input would be much appreciated.

Thanks,
VS

[verysandwich]

Just updated X and it seems to have solved the problem.

[Thai]

Glad everything is working now 🙂

If you need anything else please let us know.

[Author]

Posts