Return to previous page

Drop down of product category - by ejder077

This topic has 23 replies, 2 voices, and was last updated 5 years, 3 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
1 2

Viewing 20 results - 1 through 20 (of 23 total)