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:
- replace http://example.org with the URL you want the button to link to.
- 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.