how to add button to header for squash theme?

Support Forums for LiveMesh Themes & Plugins Forums Squash Theme Support how to add button to header for squash theme?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #3574
    Waynufwaynuf
    Member

    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.

    #3582
    RaghavendraRaghavendra
    Moderator

    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;
    	}
    }
    
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Squash Theme Support’ is closed to new topics and replies.