How to change width and color of drop down menu - Canopy Theme

Store Design
,
1

width_canopy.jpg
width_canopy.jpg433×447 18.6 KB

Hello, does anyone have information on how to change the width and color of the menu in the Canopy theme?

2

Hello @ljy7031 Please provide store url and password if have!

3

socal.ploma.io

4

Hi @ljy7031 You can simply do with the copy and paste below CSS code in the style.css file -

.main-nav .nav-item.drop-norm .sub-nav-inner{
justify-content: space-between;
    width: 500px;
    background-color: #e1e1e1;
}

Please let me know if works and like mark as solve!

5

I appreciate your help!

I have a final query: On the drop down menu some arrows are placed beside the text while others are below it. Is there a way to display all of them next to the text?

6

Hi @ljy7031 Just copy and paste below CSS code in your style.css file -

.main-nav .nav-item.drop-norm .sub-nav-inner{
width: 450px;
}
.main-nav .nav-item.drop-norm .sub-nav .sub-nav-list{
width: 250px;
}

Please let me know if works!

7

Yes, it’s working! thank you so much!