Hover menu help

Store Design
, ,

Topic summary

A store owner seeks help implementing a hover menu effect similar to one found on a reference website (wilsonandfrenchy.com.au) for their Shopify store (softbeginningsboutique.com).

Attempted Solutions:

  • One contributor provided CSS code targeting li:hover elements with background color and border-radius styling, including step-by-step instructions for adding it to the theme.liquid file.
  • The initial CSS solution did not work for the store owner.
  • A second CSS attempt was offered but appears incomplete in the conversation.

Current Status:

  • Another developer requested collaborator access to examine the theme’s code structure directly.
  • The store owner attempted to send collaboration credentials via email multiple times, but the developer reports not receiving them.
  • The discussion remains unresolved, with the developer suggesting WhatsApp as an alternative communication method to share access credentials.
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

Hey everyone would love some help on how to do a hoover menu like this website!

https://www.wilsonandfrenchy.com.au/?srsltid=AfmBOopn-wmyxQ6FclN7NFh0AwZn6EisBr5TJ96Lj3uWTWw6jlRBLRm…

I have no idea what I’m doing

https://softbeginningsboutique.com/

my site and password landon

1 Like
2

Hello @JGBowie
For this, I will need access to your store because I need to check the theme’s code.

3

https://softbeginningsboutique.com/

my site and password landon

2 Likes
4

Hello @JGBowie
Yes, but I need access to the theme because I will have to make changes to its structure, dear.

5 
li:hover {
    background-color: #D2E1E4;
    border-radius: 5pc;
}

AmazingGuy_0-1743222011693.png
AmazingGuy_0-1743222011693.png1280×439 115 KB

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

if i managed to help you then don’t forget to like and mark it solution

6

Didn’t work

7

@JGBowie try this one and follow these steps

Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->
under the tag before the body ----->
if this code work please do not forget to like and mark it solution

8

How do I give access to theme :slightly_smiling_face:

1 Like
9

Hello @JGBowie
Send me the collaborate code or share it via email or WhatsApp. I’ll check it and update you. :blush:

10

I sent it to your email thank you!

11

Hello @JGBowie
I haven’t received the email yet. Please check and resend it.

12

Have resent :slightly_smiling_face:

13

Hello @JGBowie
Dear, I haven’t received any email. Please message me on WhatsApp.