Create an underline effect when hovering cursor on my Navigation Menu Header with Baseline theme

Store Design
,
1

Hi guys.

I am currently trying to add the effect of the underline when you hover over one of the header’s menu items on my online store. Right now they have a drop down arrow next to each title, which I cannot actually change. Once clicking the title it opens up another list/box of clickable options. I would like these options to also become underlined when the cursor is hovering over it. Right now, none of the links are doing anything when hovering over them, which makes it difficult for the viewer to realise what they are clicking on. Also, the titles need to be CLICKED for them to reveal what is in each of them, which I do not like. I would like these titles to open up the boxes upon hover. I need help please! Would like to get the arrows removed from next to the words but instead have the menu titles open up the boxes and become underlined when the cursor is hovering over them. Hopefully this makes sense. I am operating on Baseline theme, which is quite new, so I am not sure if it possible with this theme.

2

In the header Custom CSS settings add this code and Save:

.list-menu__item:hover {
  text-decoration: underline;
}

To open the menu on hover is a little more complex and requires editing the code of the theme files. If you’d like I can do this change for you for free, but would need access to the store. Just let me know.

Hope that helps!
@biznazz101

3

Hi,

I would be happy for you to check this out for me. Here is the perfect example of what I’m after which happens to be on the same theme as mine too. Also, happy for you to edit the code and do it through my website. How can we go about doing this? Please see here: https://www.sneakersnstuff.com/en

4

I can’t see the link you sent it isn’t working for some reason. If you replay with your store URL I will send a request for access and make the changes.

You can contact us via our website contact link (see footer of this comment) or I can also try message you here so we can more easily communicate, but it says your private messages are disabled currently.

Happy to help!
@biznazz101

5

https://goodlooksofficial.com.au/

6

Okay I have sent an access request to your store, it will appear in your notifications. (Bell Icon - Upper right side) You will see the name BIZNAZZ101 in the request.

Once approved I will add the text underline and menu hover effects. I will respond here once finished so you can review the changes.

Thanks!