Altitude Pro Theme – Main menu fixed

[andrearicchiweb]

Hello! I have one answer for this theme:

http://my.studiopress.com/themes/altitude/#demo-full

I would like to have the main menu bar (Overview Features Pricing Testimonials FAQs Sign Up Contact) always fixed with the black background, is it possible?

For example as nomadicmatt.com

Thanks
Andrea

[Christoph]

Hi Andrea,

you can use the second option to only use the dark site header:
http://www.christophherr.com/how-to-use-the-darker-site-header-in-altitude-pro-by-default/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[andrearicchiweb]

this is global.js

jQuery(function( $ ){

	if( $( document ).scrollTop() > 0 ){
		$( '.site-header' ).addClass( 'dark' );			
	}

	// Add opacity class to site header
	$( document ).on('scroll', function(){

		if ( $( document ).scrollTop() > 0 ){
			$( '.site-header' ).addClass( 'dark' );			

		} else {
			$( '.site-header' ).removeClass( 'dark' );			
		}

	});

	$( '.nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu' ).addClass( 'responsive-menu' ).before('<div class="responsive-menu-icon"></div>');

	$( '.responsive-menu-icon' ).click(function(){
		$(this).next( '.nav-primary .genesis-nav-menu,  .nav-secondary .genesis-nav-menu' ).slideToggle();
	});

i have comment from 3 to 18 line

/*	if( $( document ).scrollTop() > 0 ){
		$( '.site-header' ).addClass( 'dark' );			
	}

	// Add opacity class to site header
	$( document ).on('scroll', function(){

		if ( $( document ).scrollTop() > 0 ){
			$( '.site-header' ).addClass( 'dark' );			

		} else {
			$( '.site-header' ).removeClass( 'dark' );			
		}

	});
*/

and in functions.php I insert in the top page

//* Add class dark to .site-header
 
add_filter( 'genesis_attr_site-header', 'altitude_add_class' ); 
function altitude_add_class( $attributes ) {
$attributes['class'] = $attributes['class']. ' dark';
return $attributes;
}

but doesn't work! All looks the same

[Christoph]

Hi,

just to avoid that you are not running the snippet too early, put the code at the bottom of the functions.php.
http://screencast.com/t/5ei69H2CaR

Make sure you have saved your changes, cleared any caching from your host, cloudflare or caching plugin and cleared cache and cookies of your browser. (Or use a hard refresh (on Windows is Ctrl + F5) or a incognito window/privacy mode)

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[andrearicchiweb]

Thanks for your reply Christoph!
I have made all steps you told me but nothing change, this is the website: http://www.yourtourleader.com/

I am checking also the box where you see "Discovering Modena and Bologna", I try to change the css in syle.css but it seems the application don't read my modify, but maybe it's another problem

Wait for some ideas

[Christoph]

Can you give me an URL to bypass the coming soon page or deactivate your coming soon plugin?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[andrearicchiweb]

I did Christoph, right now it works! it would be a refresh problem but I cleared any caching by WP Fastest Cache and browser setting and I didn't see no variations, what am i missing?

[Christoph]

Looks perfect to me:
http://screencast.com/t/dAR1oR1o

Must be some stubborn caching in your browser.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[andrearicchiweb]

Thanks so much Christoph, just one more thing, about this?

I am checking also the box where you see “Discovering Modena and Bologna”, I try to change the css in syle.css but it seems the application don’t read my modify, but maybe it’s another problem

[Christoph]

What to you want to change about it?
Chances are, your browser cache didn't let you see the changes.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[andrearicchiweb]

this is a problem about css, if you see the website the text "Discovering Modena and Bologna...." is a text widget, i would like the background white by css, but by trying many class, it doesn't work, the only solution is insert into the widget the text with the code, i don't like this solution because i want find the way by css file, what's wrong?

[Christoph]

Ok,

you already have the class .homenewsletter-intro

You can add something like the following to the style.css

.homenewsletter-intro {
	background-color: #fff;
}

http://screencast.com/t/Wz7ymd4v5SM

If you only want to target the title
.homenewsletter-intro h3 {
background-color: #fff;
}

http://screencast.com/t/yakoOHpZ

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[andrearicchiweb]

Thanks so much Christoph! Now it works, just a cache problem 😉

[Christoph]

You are welcome.
I´m happy to hear it's all working now.

Could you please mark this topic as resolved, so it can be closed?
Thank you.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts