Add a second header button – Astrid

Use this code to add a second button for your header:

jQuery(function($) {
   var myButton = '<a href="" class="button header-button" style="margin-left:5px;">My Button</a>';
   $( '.header-info .container' ).append(myButton);
   $( '.header-info .container a' ).css('display', 'inline-block');


  1. replace with the URL you want the button to link to.
  2. make sure you set a mobile header image with enough height to accommodate this new button (Customize > Header Area > Header Image > Small Screens Header Image)
INFO: This is a JS snippet. If you don’t have a child theme or don’t know how to use one, we recommend that you use this plugin.