Added div before content and sidebar is pushed down

[braderz31]

Hi,

I'm customizing the Parallax Pro theme and I need to add a div above the content on one of the layouts.

I've managed to do this using the hook 'genesis_before_content' - the only problem is, the sidebar is now pushed down with the content. I can't added a negative top margin to the sidebar because the content in the new div is dynamic and so could change the div height.

Any thoughts on what I can do please.

Many thanks

Brad

http://justadevsite.com/nls/treatments

[Victor Font]

Try this in your functions.php:

remove_action( 'genesis_after_content', 'genesis_get_sidebar' );
add_action( 'genesis_before_content', 'genesis_get_sidebar' );

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[braderz31]

Victor - you are a star!!!!

Thank you, the code works.

Can I just check that my code is correct... it works I just want to make sure I'm doing it right

//Add Call To Action Box
function cta_box() {
	$cta = get_field('call_to_action');
	echo '<div class="cta-box">'.$cta.'</div>';
}
add_action('genesis_before_content', 'cta_box');
remove_action( 'genesis_after_content', 'genesis_get_sidebar' );
add_action( 'genesis_before_content', 'genesis_get_sidebar' );	

[Victor Font]

Your code looks fine to me. Good job!

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Brad Dalton]

You could also use

genesis_get_custom_field

---

Tutorials for StudioPress Themes.

[braderz31]

Guys - thanks all for the help here.

For anyone else trying to achieve this, you will notice your sidebar will now appear above the page content when viewed on a mobile device. I personally didn't want this so I tweaked the code to ensure the hooks are only actioned if the page is not viewed on a mobile device

if ( ! wp_is_mobile() ) {
	remove_action( 'genesis_after_content', 'genesis_get_sidebar' );
	add_action( 'genesis_before_content', 'genesis_get_sidebar' );	
}

Hope this helps 🙂

[Author]

Posts