Return to previous page

Spacing on the Drop Down Menu - by ShadowRunner

This topic has 10 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Olga Barlow

ShadowRunner

Participant

September 9, 2016 at 10:07

Hello,
i would like to know how can i change the spacing on the main menu that is on hover, the drop-down menu is opening way down. I have found and changed the “TOP” on the css style but it’s not working, because it has an element on the div it self and i can’t seem to find it so i can change it. I want to make that number 30px

i’m sending you an image.

Please, contact administrator
for this information.

#139269 Copied Theme version: 2 WooCommerce version: latest

9 Answers
Olga Barlow

Support staff

September 9, 2016 at 11:22
Hello,

Add the following code in your custom css ( Theme Options > Styling > Custom CSS)
```
.nav-sublist-dropdown:before {
    top: -50px;
    height: 60px;
}
```
Regards
#139277 Copied
ShadowRunner

Participant

September 13, 2016 at 15:03

Hello Olga it’s not changing anything no matter what numbers i input.
I also want to change the color that is on the “hover” of the mouse on the drop-down it self.

#139587 Copied
Olga Barlow

Support staff

September 14, 2016 at 07:29
Hello,

Oh, sorry, I thought you have the problem with drop-down and can’t hover over it. If you want to change only the position of drop-down remove previous code and add the following:
```
.nav-sublist-dropdown {
    top: 60px !important;
}
```
Regards
#139640 Copied
ShadowRunner

Participant

September 14, 2016 at 08:30

OK Thank you Olga.
One more thing, how can i change the color of the on hover inside the dropdown ?

#139653 Copied

Olga Barlow

Support staff

September 14, 2016 at 11:11

Do you want to change over of the link or hover of the link background?

Regards

#139670 Copied

ShadowRunner

Participant

September 14, 2016 at 11:17

I want to change the color when the cursor is on an option on the dropdown

#139673 Copied
Olga Barlow

Support staff

September 15, 2016 at 08:23
Hello,

Add the following code with your custom colors:
```
.item-design-dropdown .nav-sublist-dropdown ul > li > a:hover {
    color: #9b9b9b;
    background-color: #f7f7f7;
}
```
Regards
#139742 Copied
ShadowRunner

Participant

September 15, 2016 at 10:25

Thank you Olga! That worked!

#139771 Copied

Olga Barlow

Support staff

September 15, 2016 at 10:56

You are welcome!

Regards

#139775 Copied
Viewing 10 results - 1 through 10 (of 10 total)