![]() ![]() Now, open Astra “ Primary Header” setting. Open the “ Appearance / Customize” page from the WordPress admin dashboard.Ģ. Now the free Astra theme also supports transparent headers.įollowing are setting steps to make your free Astra theme header transparent from WordPress admin Astra theme setting.ġ. Astra sticky header transparent (How to do it in free theme) In such cases, it is suggested to avoid this CSS code implementation. But, if your site header height is increased due to long site name(display in two lines) or other reasons, then in that case this code may not give expected result in mobile devices (when you open the close header menu in mobile device). Note: Above Astra sticky header CSS code working ok in desktop and mobile screens. Test header menu by opening and closing in desktop and mobile device screens. Next, visit your website on a mobile or tablet device and confirm sticky header and other UI work proper on page scrolling. To test sticky header code in Astra theme, first visit your website in desktop site and confirm header work proper on scrolling action. Related: How to Add Custom CSS from WordPress Dashboard How to test sticky header code result in free Astra theme?Īfter adding CSS code in WordPress Additional CSS for Astra, you need to test your header in different situations.īy this testing, you make sure that the added code works ok and does not break any existing user interface. How to add sticky header code in Astra theme? To add sticky header code in Astra theme, login to WordPress admin, Open “ Appearance / Customize / Additional CSS”, add given CSS code in Additional CSS and publish change. To make your Astra theme header sticky, you need to add this code in your “ Additional CSS” setting. Astra sticky header transparent (How to do it in free theme) Astra sticky header code (CSS code implementation):įollowing is custom CSS sticky header code for Astra theme free version.How to test sticky header code result in free Astra theme?. ![]() Astra sticky header code (CSS code implementation):. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |