Astra Theme Header Customization From Scratch - Easy Advanced tutorial
In this video, I will show you, How you can create and customize the Astra theme header from scratch.
The amazing thing is that you can apply this Astra header tutorial in Astra free theme as well as Astra pro theme because I have created an advanced Astra header feature in Astra free theme without any additional plugin.
After watching this video, you will be able to:
🔴 Create Astra Sticky header.
🔴 Set Astra header background image.
🔴 Set Astra header background color.
🔴 Add more than 1 button.
🔴 Create primary as well as secondary header.
🔴 Apply shadow effect in Astra header.
🔴 Create menu and submenu in the Astra header.
🕮 CHAPTERS 👇👇👇
00:00 - Intro.
00:53 - Where to add the site key and secret key?
01:14 - Creating and editing Astra header menu and submenu.
03:14 - Adding new menu items.
03:58 - Deleting menu items.
04:12 - Reordering menu items, and creating submenu.
05:28 - Creating a new menu.
06:58 - Header customization
07:31 - Adding a logo in the primary menu.
08:53 - Adding a menu in the header.
09:03 - Adding header button.
10:24 - Creating above secondary header.
11:33 - Styling Astra Header using CSS.
17:15 - Creating Astra sticky header.
17:54 - CSS for header responsiveness.
19:27 - Header menu customization for mobile.
I will be explaining the header creation and customization in the easiest and in great detail without any additional plugins.
This video may look to you a little bit longer duration but after watching this video, I am pretty sure that you will not be required to watch any other video for Astra header customization.
Now, let's take a look at our final header feature.
First of all, this header is a sticky header, this Astra header has more than one button, this Astra header has an image background with a background color overlay, and many other features, most of the features are not directly available in Astra Free theme but I have created all these features in Astra free theme without any additional plugin.
----------------------------------------------------------------------------------------------------------------------------------------
Credits:
1-Bird Sound: https://goo.gl/mPCoeJ
2-Woosh sound:https://mixkit.co
3-Vector image: https://www.freepik.com
#Astra_header #Astra_theme #prowebmentor
Watch video Astra Theme Header Customization From Scratch - Easy Advanced tutorial online without registration, duration online in high quality. This video was added by user ProWebMentor 24 December 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 9,821 once and liked it 168 people.