Return to previous page

Topic: Drop down of product category - by ejder077

ejder077

Participant

November 22, 2018 7:43 am

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 to clipboard

Rose Tyler

Support staff

November 22, 2018 10:38 am

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 to clipboard

ejder077

Participant

November 22, 2018 3:28 pm

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

#204691 copied to clipboard

Rose Tyler

Support staff

November 22, 2018 3:37 pm

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 to clipboard

ejder077

Participant

November 22, 2018 3:59 pm

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

#204695 copied to clipboard

Rose Tyler

Support staff

November 22, 2018 4:19 pm

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

Regards

#204700 copied to clipboard

ejder077

Participant

November 23, 2018 2:15 pm

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 to clipboard

Rose Tyler

Support staff

November 23, 2018 2:27 pm

Hello,

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

Regards

#204775 copied to clipboard

ejder077

Participant

November 23, 2018 3:11 pm

OK

Content is visible for topic creator and
support staff only.

#204784 copied to clipboard

Rose Tyler

Support staff

November 23, 2018 4:05 pm

Please clear cache and check now.

Regards

#204789 copied to clipboard

ejder077

Participant

November 24, 2018 5:02 am

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 to clipboard

ejder077

Participant

November 24, 2018 5:04 am

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

#204806 copied to clipboard

Rose Tyler

Support staff

November 26, 2018 8:26 am

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 to clipboard

ejder077

Participant

November 26, 2018 11:52 am

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 to clipboard

Rose Tyler

Support staff

November 26, 2018 12:03 pm

Please clear cache and check one more time.

Regards

#204882 copied to clipboard

ejder077

Participant

November 26, 2018 2:53 pm

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

#204896 copied to clipboard

Rose Tyler

Support staff

November 26, 2018 3:00 pm

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

Regards

#204898 copied to clipboard

ejder077

Participant

November 26, 2018 3:43 pm

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 to clipboard
Rose Tyler

Support staff

November 26, 2018 3:57 pm
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 to clipboard
ejder077

Participant

November 28, 2018 12:56 pm

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 to clipboard