Website help

[WolfieVoir]

hi guys i really need help with a few things on my website. can someone have a look at it and tell me the things i can improve?

https://wolfievoir.com/ password: mrsp

my inspiration is the jacquemus website - main things i know i need to fix is hover menu, mega menu (options align with bottom of header not top) and i want to add quick links under the footer but above the language setting options and i dont know how to!

Shopify dawn theme

Thanks for any help

[Vizbl]

Hey @WolfieVoir,

First of all, you have great products!

Modern online shoppers really appreciate experiences that help them understand a product better. High-quality photos and videos are important, but often they aren’t enough. For example, giving customers ways to interact with the product online, such as rotating it or viewing it in 3D from multiple angles, can make shopping more engaging and build trust.

Appealing to their emotions can make a big difference. When customers can explore all the tiniest details, understand the color and design better, they are more likely to buy with confidence.

I noticed that some of the product photos on your pages vary in quality. A couple of them look really great, but a few others could be improved. Consistent, high-quality images across all your products can really help customers feel more confident and increase the likelihood of a purchase.

There is a lot to explore and try. Wishing you luck!

[WolfieVoir]

Hi, thank you for your feedback - my product images are all AI “fill ins” as i haven’t done my ecomm/campaign shoots yet. They are just there so I can see the overall vibe. I mainly just need help with coding and website design as every code i try doesn’t seem to work. Appreciate your feedback and the time you took to have a look over my page

[Mikkynat]

Hey I totally get where you’re coming from; I was in the exact same spot not long ago.
I’m pretty decent with design, but every code tweak I tried back then just kept breaking something else

Eventually, someone from the community actually came through for me and walked me through how to structure my theme properly; that’s what finally got everything to sit perfectly across desktop and mobile.

If you’d like, I can show you what I learned from that process; it’ll save you a ton of frustration. Or you’ll prefer if I directed you their way ?

[devcoders]

Hi @WolfieVoir

1. Navigation / Hover Menu

• Improve hover behavior: submenu should appear smoothly on hover rather than click.
• Ensure menu items are aligned consistently, especially in a mega menu.
• Consider desktop-only hover effects so mobile devices stay functional.

2. Mega Menu

• Align mega menu content to the bottom of the header instead of top (as you noted).
• Make sure columns and links are evenly spaced and not overflowing on smaller screens.
• Test responsive behavior on mobile/tablet.

3. Footer Quick Links

• Add a new footer section block above language settings:
  • Could be a rich-text or link-list section.
  • Make sure it’s visible on all devices.
  • Use Shopify’s section blocks for easy edits later.

4. Product Page / Collection Page Improvements

• Highlight key features (material, size, technology) under products.
• Make sure hover effects (like image swaps) work correctly.
• Optimize load times: compress images and avoid heavy sliders.

5. Overall Design / UX

• Keep spacing consistent across sections.
• Use legible fonts and clear CTA buttons.
• Test mobile responsiveness: ensure navigation, footer, and product grids adapt properly.
• Add smooth animations for hover effects and slides to feel more premium.

6. Performance & SEO

• Ensure images are optimized and lazy-loaded.
• Add alt text for images for accessibility and SEO.
• Consider email popup or newsletter sign-up for capturing leads.

Best regards,
Devcoder

[WolfieVoir]

Hi Mikkynat, honestly happy and open to any feedback and help you could give!

[WolfieVoir]

Hi, thanks so so much for the detailed feedback! Do you know specifically how can i can do any of the things listed? i.e. what code i need to add or how to edit it?

[devcoders]

@WolfieVoir
For this, we will need to check each point one by one.

[WolfieVoir]

main thing i want help with first is aligning the menu items at the bottom/fixing the hover menu drop

[TheScriptFlow_1]

@WolfieVoir

mrsp

Hey @WolfieVoir,

Could you please mention which menus you are talking about and what type of the feature you want for this.

Thanks

[WolfieVoir]

Hi, firstly the top header menu - i want the menus to sit at the bottom not top of the header - i also added a hover drop down menu but it doesn’t align under the menu properly so it disappears when i try to click on it.

[TheScriptFlow_1]

@WolfieVoir

mrsp

Can you paste this code in the end of base.css file to align the menu items.

nav.header__inline-menu {
    margin-top: 5px !important;
}

Thanks

[devcoders]

@WolfieVoir

mrsp

Hi @WolfieVoir

Go to the base.css file and remove this CSS at line number 3626.

nav.header__inline-menu {
    margin-top: -15px !important;
}

[WolfieVoir]

Hi, thank you for this! I have attached what i can see here in the base.css file!

[devcoders]

Hi @WolfieVoir

[WolfieVoir]

This brought them down and helped to partially fix the hover issue! Thank you! The drop down menu is staying when i scroll down now although sometimes wont stay - not sure why its glitching maybe?

[WolfieVoir]

Perfect! Thank you so much! Did you possibly know how i can get links next to my email subscription like the jacquemus page? it only lets me add an email sub above the footer (alone), or at the bottom of the footer.

[WolfieVoir]

as well as bringing the country/region section here too?

[devcoders]

@WolfieVoir

Perfect! Thank you so much! Did you possibly know how i can get links next to my email subscription like the jacquemus page? it only lets me add an email sub above the footer (alone), or at the bottom of the footer.

You want like this ?

[devcoders]

You want like this ?