Add a second header button - Astrid

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

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

Tips:

  1. replace http://example.org 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.

Still need help? Please use this form only for feedback or suggestions regarding our documentation! Please use this form only for feedback or suggestions regarding our documentation!