Required stack
필요 기술
WordPressAstra ThemeElementorCSSHTMLJavaScriptResponsive Web Design
Project brief
프로젝트 내용
My site runs on the Astra theme ( but not really sure if it needs to ) and I want to tighten up a few visual details so everything feels cleaner and more contemporary.
Header
• Correct the current spacing issue so the header aligns perfectly on mobile, tablet, and desktop.
• Make the header translucent; the hero video or still (each page has its own) must remain visible beneath it until the visitor starts scrolling.
• Keep the header sticky once it switches to its solid state.
Global styling
The entire site background should adopt a consistent high-gloss black (#000) so there are no mismatched shades from page to page.
Products & Services section
The existing static blocks need to be rebuilt as a modern, swipe-friendly carousel. Please turn that new layout into a reusable template so I can drop it into any of my city landing pages later. If you have a way to roll it out site-wide in one go, let’s discuss it.
Acceptance
Everything should be implemented through best-practice Astra/WordPress methods, tested across the latest versions of Chrome, Safari, Firefox, and Edge, plus iOS and Android browsers. No custom code that would break with theme updates.
Deliverables
1. Updated header files/CSS with translucency and sticky behaviour.
2. Global background colour and them company orange applied.
3. Carousel-based Products & Services template, exportable via Elementor library or equivalent.
4. Brief notes on where to find or edit each change for future tweaks.
Once these pieces are in place I can take over content population, so a clean, well-documented finish is crucial.
The Carolel in the Elementor One Video I though would be cool.
Header
• Correct the current spacing issue so the header aligns perfectly on mobile, tablet, and desktop.
• Make the header translucent; the hero video or still (each page has its own) must remain visible beneath it until the visitor starts scrolling.
• Keep the header sticky once it switches to its solid state.
Global styling
The entire site background should adopt a consistent high-gloss black (#000) so there are no mismatched shades from page to page.
Products & Services section
The existing static blocks need to be rebuilt as a modern, swipe-friendly carousel. Please turn that new layout into a reusable template so I can drop it into any of my city landing pages later. If you have a way to roll it out site-wide in one go, let’s discuss it.
Acceptance
Everything should be implemented through best-practice Astra/WordPress methods, tested across the latest versions of Chrome, Safari, Firefox, and Edge, plus iOS and Android browsers. No custom code that would break with theme updates.
Deliverables
1. Updated header files/CSS with translucency and sticky behaviour.
2. Global background colour and them company orange applied.
3. Carousel-based Products & Services template, exportable via Elementor library or equivalent.
4. Brief notes on where to find or edit each change for future tweaks.
Once these pieces are in place I can take over content population, so a clean, well-documented finish is crucial.
The Carolel in the Elementor One Video I though would be cool.