how to add button to header for squash theme?

[waynuf]

Hi –

I am trying to add a button to the squash header. I want it to go in between the logo and the social icons, just to the left of the social icons (it is a button to sign up). We have not customized the header at all.

How do I do this?

Thanks.

[Raghavendra]

Not too difficult. Pls insert the following code into the custom/custom-functions.php –

$prefix = mo_get_prefix();
add_action("{$prefix}_header", 'mo_show_signup_button', 9);

function mo_show_signup_button() {
    echo do_shortcode('[button color="default" href="#"]Signup[/button]');
}

and have the following CSS in the custom/custom.css file or the Custom CSS tab in the the Theme Options panel –

#header .button {
	position: absolute;
	right: 220px;
	top: 30px;
}

@media only screen and (max-width: 767px) {
	#header .button {
	position: relative;
	right: 0;
	top: 0;
	}
}

[Author]

Posts