Don't forget to watch these videos as well 👇🏼 Astra Header Footer Builder Walkthrough 👉🏼 ruclips.net/video/blvToYnfa18/видео.html Sticky Header in Astra Theme 👉🏼 ruclips.net/video/gVsQJAniUfA/видео.html
I watched the video but you did not say how to prevent your transparent header from affecting your design and layout besides just turning it off. How can you use transparent header but prevent your content from moving behind the transparent header? I love the options with the transparent header but I hate how it shifts your content up like there is no navigation menu. Would be nice to have a check box to prevent this :)
Jesse, I understand the need for such an option, but it is not practical or even feasible to create something like that for various reasons. Adding a spacer to the top area is the simplest approach. Hope that was helpful.
I want to have the transparent header just for my home page but not on other pages. For other pages, I want a solid black color as background but when I try to apply the black background it also gets applies on the home page. How do I keep the background color on the homepage transparent but not on other pages?
Demo would be cool with a full width and height hero image such as a landscape picture, as opposed to an image that has the same background colour as the main header...
Transparent header causes problem with anchor links I have made the header sticky with some css code. When one clicks on anchor links, some portion of text hide behinds it. I tried different plugin to provide offset for anchor links but nothing worked perfectly. Please provide a way to either completely disable transparent header or provide anchor offset everywhere (different value for mobile and desktop). I have created anchor links by Easy Table of Content plugin. Everything was working fine on previous Astra version with solid header.
Karamagi, you can disable the Transparent header from the customizer for the complete website. Further, here is the documentation you might want to see for the same - wpastra.com/docs/astra-transparent-header/
Don't forget to watch these videos as well 👇🏼
Astra Header Footer Builder Walkthrough 👉🏼 ruclips.net/video/blvToYnfa18/видео.html
Sticky Header in Astra Theme 👉🏼 ruclips.net/video/gVsQJAniUfA/видео.html
I watched the video but you did not say how to prevent your transparent header from affecting your design and layout besides just turning it off. How can you use transparent header but prevent your content from moving behind the transparent header? I love the options with the transparent header but I hate how it shifts your content up like there is no navigation menu. Would be nice to have a check box to prevent this :)
Jesse, I understand the need for such an option, but it is not practical or even feasible to create something like that for various reasons. Adding a spacer to the top area is the simplest approach. Hope that was helpful.
@@BrainstormForce So you mean that we have to go and add spacers to all our pages? That's not very ideal.
I want to have the transparent header just for my home page but not on other pages. For other pages, I want a solid black color as background but when I try to apply the black background it also gets applies on the home page. How do I keep the background color on the homepage transparent but not on other pages?
Thank you so much for your tutorial , very helpful for me. I was able to make changes to my transparent header as I watched your video. Thank you.
Demo would be cool with a full width and height hero image such as a landscape picture, as opposed to an image that has the same background colour as the main header...
Nice explanation 👌👍
Thank Ravi
Transparent header causes problem with anchor links I have made the header sticky with some css code. When one clicks on anchor links, some portion of text hide behinds it. I tried different plugin to provide offset for anchor links but nothing worked perfectly. Please provide a way to either completely disable transparent header or provide anchor offset everywhere (different value for mobile and desktop). I have created anchor links by Easy Table of Content plugin.
Everything was working fine on previous Astra version with solid header.
Satpal, I'd request you to open a support ticket at the following URL - wpastra.com/support/
Our support team will help you out quickly.
Wow - this video saved me 🙌🏼
Glad it helped Nadia!
I can't find the "Astra Settings" that you are working.
Do you need to be "pro" user?
Nope, You have to visit Dashboard>Astra
Astra Theme Highy Recommend for Startup and Bussiness . Its really Awesome theme do everything single click Thanks @Astra Team
Thank you! :)
Is it possible to completely remove the transparent header - I do not want it
Karamagi, you can disable the Transparent header from the customizer for the complete website.
Further, here is the documentation you might want to see for the same - wpastra.com/docs/astra-transparent-header/
How to disable transparent header for both..
What do you mean by both, Lawrence?
@@BrainstormForce mobile & desktop.. But the issue resolved
@@lawrencebalid0806 May you tell me, how did you solve it?
@@iaamsimi Go in page edit.. You will find the option of Transparent header.. Simply disable it..
@@lawrencebalid0806 So i should disable it on every page?
this option doesn't work without elementor pro!
Hello Manish,
The Transparent Header functionality of the Astra theme has no relation with Elementor Pro.
This is built using the Astra theme only. :)