
Shopify Store – Navigation Front Page
Upwork
Remoto
•1 day ago
•No application
About
I need a Shopify developer with strong front-end and Liquid/CSS experience to update my store’s header and navigation so it looks and behaves like OneStop Grow Shop’s homepage. My store is thehydrobros.com Currently, my store (Warehouse theme, Shopify 2.0) has the header and navigation in separate bars and the mega menu looks clunky. I want everything unified, tighter, and more professional. Key tasks: Header Layout (Desktop) Merge navigation, search, logo, account, and cart into a single header row (not split into separate bars). Keep sticky functionality at the top of the page. Ensure search bar sits inline, not floating awkwardly. Top Navigation Menu Top-level menu items (e.g., “Nutrients & Boosters”, “Grow Tents & Sheeting”) must wrap cleanly into two lines maximum, no truncation. Remove dropdown chevrons/triangles on level-1 items (cleaner look). Hover state to match brand color (#27853f). Mega Menu (Dropdowns) Fixed panel width (around 960px), centered below the header — not spanning the full screen. Columns have tight spacing (like OneStop’s mega menu). Headings in green, bold, left aligned. Clean vertical dividers between columns. Remove default Shopify centering so all columns/links are left-justified. Styling/Polish Ensure menu spacing looks neat and compact. No horizontal scrollbars in dropdowns. Works smoothly on desktop and tablet breakpoints. Reference site: https://www.onestopgrowshop.co.uk (look at their header + navigation). That’s the feel I want replicated. Requirements: Proven experience customizing Shopify themes (Liquid, CSS, JS). Ability to make theme modifications without breaking Shopify 2.0 sections. Strong eye for clean design, spacing, and responsive layout. Must deliver clean, maintainable code (not a hacky fix). Deliverables: Updated header.liquid and/or CSS that unifies header + navigation. Fully functional mega menu styled and behaving like OneStop’s. Final result tested across Chrome, Safari, Firefox, and mobile. Bonus: If you can also review and tidy up other UI inconsistencies on the homepage for a more professional look, that’s a plus. Budget: Open to hourly or fixed price, depending on experience. ⚡ I can provide screenshots of my current header, code snippets, and a staging theme for you to work on