WordPress For Beginners – How to Set Up Header & Footer for WordPress Website With Astra Theme (Step by Step for Beginners)

by | Sep 9, 2021 | 0 comments

WordPress For Beginners – How to Set Up Header & Footer for WordPress Website With Astra Theme (Step by Step for Beginners)

by | Sep 9, 2021 | Wordpress Tutorials for Beginners | 0 comments

WordPress For Beginners Tutorials and information. We source some of the best tutorials online to help you manage your wordpress website.




In this tutorial I will explain how to set up the header and footer for your WordPress website with the Free version of the Astra theme.

As indicated in an earlier tutorial, if you use the Elementor Pro plugin, you can also design the header and footer even more easily by using the Elementor Pro version.

This will give you way more flexibility and options to design everything exactly as you want it to be. But if you only have the free version of Elementor, you can use the Astra theme for that and you can see how it’s done in this tutorial. 🔎

⏱️ Timestamps:
0:00 Intro
0:22 What are the header and footer?
1:54 Header settings for Astra theme
4:35 Responsive view for Header
6:13 Customize navigation Menu
09:19 Footer settings for Astra theme
11:39 Responsive view for Footer
12:05 Save settings

► View tutorial in text: https://websitelearninglab.com/how-to-set-up-header-footer-for-wordpress-website-with-astra-theme/

► For more info visit: https://websitelearninglab.com/

🟢 Full Course Playlist 👇

📢 Recommended resources:
► https://websitelearninglab.com/siteground
► https://websitelearninglab.com/elementor
► https://websitelearninglab.com/semrush

source

[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>