Return to previous page

Drop down of product category - by ejder077

This topic has 23 replies, 2 voices, and was last updated 5 years, 11 months ago ago by Rose Tyler

ejder077

Participant

November 22, 2018 at 07:43

Hi,

May I ask how can I create a drop down of the product category which is under “all products” located on the header menu?

Thank you

#204342 Copied

22 Answers

Rose Tyler

Support staff

November 22, 2018 at 10:38

Hello,

This http://prntscr.com/llidd6 is a secondary menu. Go to Appearance > Menus > create new menu and mark it as Secondary http://prntscr.com/llidsb
Feel free to ask if you have any other questions.

Regards

#204604 Copied

ejder077

Participant

November 22, 2018 at 15:28

May I ask what does it change and where does the change appear?

#204691 Copied

Rose Tyler

Support staff

November 22, 2018 at 15:37

Please see screenshots: http://prntscr.com/llmr59 = http://prntscr.com/llmrmm + http://prntscr.com/llms56
https://youtu.be/OnxkixHtVLI https://youtu.be/f07MBdnFPfk

Regards

#204692 Copied

ejder077

Participant

November 22, 2018 at 15:59

I understand these steps. But I cannot find my product categories (https://prntscr.com/lln58j) on apperence>menus (https://prntscr.com/lln44x)

#204695 Copied

Rose Tyler

Support staff

November 22, 2018 at 16:19

Please see screenshot – http://prntscr.com/llngpa

Regards

#204700 Copied

ejder077

Participant

November 23, 2018 at 14:15

I can create a drop-down now. But the drop-down is covered by another element (https://prntscr.com/lm1b7k). May I ask why? Is it because I deactivated the slider?

#204771 Copied

Rose Tyler

Support staff

November 23, 2018 at 14:27

Hello,

Please provide temporary wp-admin access so we can take a closer look. Thanks in advance.

Regards

#204775 Copied

ejder077

Participant

November 23, 2018 at 15:11

OK

Please contact administrator
for this information.

#204784 Copied

Rose Tyler

Support staff

November 23, 2018 at 16:05

Please clear cache and check now.

Regards

#204789 Copied

ejder077

Participant

November 24, 2018 at 05:02

May I ask how can I change the text size of the drop-down? The text size of drop-down is not as same as the menu (https://prntscr.com/lmas3v)

#204805 Copied

ejder077

Participant

November 24, 2018 at 05:04

Also, the drop-down does not appear on phone (https://prntscr.com/lmasnq)

#204806 Copied

Rose Tyler

Support staff

November 26, 2018 at 08:26

Hello,

1) Theme Options > Typography > Menu > Menu 2 level.
2) Please check the structure of your mobile menu – http://prntscr.com/ln05ne

Regards

#204849 Copied

ejder077

Participant

November 26, 2018 at 11:52

I set the Font Size and Line Height both 13 px (https://prntscr.com/ln2vvd) (https://prntscr.com/ln2w0g), but the font size of the menu and the drop-down are still not the same. (https://prntscr.com/ln2w5t)

#204881 Copied

Rose Tyler

Support staff

November 26, 2018 at 12:03

Please clear cache and check one more time.

Regards

#204882 Copied

ejder077

Participant

November 26, 2018 at 14:53

May I ask how can I change the color of the drop-down background and the font color? (https://prntscr.com/ln5ji8)

#204896 Copied

Rose Tyler

Support staff

November 26, 2018 at 15:00

Theme Options > Menu > Menu styling > Dropdown options > Dropdown background.
Theme Options > Typography > Menu > Menu 2 level > Font Color.

Regards

#204898 Copied

ejder077

Participant

November 26, 2018 at 15:43

May I ask what is the settings of the current background and the color of the text now? Cuz I just want to do some editing base on the current settings, but I cannot see the current settings (https://prntscr.com/ln6ckl)

#204907 Copied
Rose Tyler

Support staff

November 26, 2018 at 15:57
Please change this custom css code https://prnt.sc/ln6h60 to https://prnt.sc/ln6ho8
```
.header .menu-wrapper li > a:hover,
.fixed-header .menu-wrapper li > a:hover{
    opacity:.6;
}
.header .menu-wrapper li.current-menu-item > a,
.fixed-header li.current-menu-item > a{
    opacity:.6;
}
```
Current styles for bg and font are the default and come from dark.css.
This http://prntscr.com/ln6ja5 can be changed via Theme Options > Menu > Menu styling > Dropdown options > Dropdown background.
To change this http://prntscr.com/ln6jys go to Theme Options > Typography > Menu > Menu 2 level > Font Color.

Regards
#204911 Copied
ejder077

Participant

November 28, 2018 at 12:56

There are font color and hover font color of the drop-down right? What is #888888 (http://prntscr.com/ln6jys) refer to? font color and font color after hovering?

Also, may I ask what is the reason for changing the code? Is that related to the font color or the background color of the drop-down?

#205020 Copied

Rose Tyler

Support staff

November 28, 2018 at 14:23

1) #888888 – font color
#fff – font color on hover
2) https://prnt.sc/ln6h60 “opacity” from this code affect all parts of the dropdown (bg and color of links) after changing, it will affect only links. You can delete this part of the custom code at all if the opacity is not required there.

Regards

#205036 Copied

ejder077

Participant

January 1, 2019 at 05:50

Hi,

Sorry for the late reply.

Referring to the font color, now I know I can change the font color in
Theme Options > Typography > Menu > Menu 2 level > Font Color.

But where can I change the font color on hover?

Thank you

#206480 Copied

Rose Tyler

Support staff

January 2, 2019 at 08:59

Hello,

Theme Options > Typography > Menu > Menu 2 level (hover, active) > Select color.
Feel free to ask if you have any other questions.

Regards

#206496 Copied
Viewing 23 results - 1 through 23 (of 23 total)