How do I add a secondary colour on hover on drawer sidebar menu? (Prestige Theme)

Store Design
1

Iā€™d like to add a secondary colour when hovering over links on my sidebar drawer menu, how do I do this? (prestige theme)

2

Hi @PM999 , Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

3

Can I PM you?

1 Like
4

Hi @PM999 ,
Step 1: Go to Shopify Admin ā†’ Online Store ->Theme ā†’ Edit code

BSSTechVenture_0-1716641378551.png
BSSTechVenture_0-1716641378551.png1902Ɨ899 133 KB

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSTechVenture_1-1716641383189.png
BSSTechVenture_1-1716641383189.png1902Ɨ899 133 KB

Step 3: Insert the below code at the bottom of the file ā†’ Save

a.header-sidebar__linklist-button {
    transition: all 0.4s;
}

a.header-sidebar__linklist-button:hover {
    color: #e67e22 !important;
}

Here is result:

BSSTechVenture_2-1716641404049.png
BSSTechVenture_2-1716641404049.png1919Ɨ885 118 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

1 Like