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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.