• This article outlines the styling details for a custom sticky header.
• The header has a height of 72px and a white background. It features a logo, text and a button.
• The text is in the font ‚Didact Gothic‘ and is uppercase, with a font size of 20px and line height of 23px.
The custom sticky header described in this article is designed to provide a professional and eye-catching look to a website. It has a height of 72px and a white background, with a box-shadow for a subtle but effective effect. The header consists of a logo, text, and a button. The logo can be either the standard desktop version of 210px width or the mobile version of 65px width. The text is in the font ‚Didact Gothic‘ and is uppercase, with a font size of 20px and line height of 23px. The text is left-aligned and has a color of #666, with a hover color of #5367fe. Finally, the button has a gap of 16px and is also left-aligned. All of these features combine to create an attractive and professional-looking sticky header.