Return to previous page

Menu Issues - by Trenton - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 6 years, 3 months ago ago by Rose Tyler

Trenton

Participant

November 14, 2018 at 07:45

I am having trouble with the following:

– Double border colour in main navigation
– Not all menu items change colour on hover (top level in submenu)
– Mobile menu icon color
– Mobile menu doesn’t show submenu items
– Mobile menu top block shows ‘navigation’ on hover and ‘X’ disappears.
– Is there a way to get two top level items in the same column in the mega menu?

Cheers,
Trenton

Please, contact administrator
for this information.

#203813 Copied

3 Answers
Rose Tyler

Support staff

November 14, 2018 at 10:13
Hello,

1) This code can be used in style.css file of your child theme:

.main-nav, .header-type-6 .main-nav .double-border { border-color: red; }

2)

.main-nav .menu > li .nav-sublist-dropdown .container > ul > li a:hover { color: red !important; }

3) + is image, so you need to change wp-content/themes/legenda/images/small-plus.png, the same for close menu icon – small-close.png.
4,5) http://prntscr.com/li61e8
6)

.mobile-nav.side-block .close-block { color: red; }

7) Your request is a bit unclear for me. Please provide a screenshot for better understanding.
You can use such screenshot maker as Lightshot https://prnt.sc/

Regards
#203839 Copied
Trenton

Participant

November 14, 2018 at 22:51

Great, thanks for the quick reply!

1,2) worked great
3) How do I change the hamburger menu color. Hover color is fine. https://prnt.sc/ligip8
4,5) I uploaded new icons with the same name and they still won’t appear.
6) Worked to change the color. How do I change the hover color of the X? Also, can I change the word ‘Navigation’ to my Store name or logo and hyperlink back to home?
7) This is what I mean. I have six columns in the menu. Can I move the two top level items from below the first two columns to somewhere else in the menu? https://prnt.sc/ligici

#203914 Copied
Rose Tyler

Support staff

November 15, 2018 at 10:14
1,2) That is great thank you for letting us know.
3)

.menu-icon i:before { color: red; }

4,5) Have you cleared cache?
6) You need to change small-close.png.
Navigation text can be changed via translation – https://youtu.be/1E5L9MyQ7W4 create English translation for Legenda theme, change strings, and disable the plugin.
Changing to Logo requests additional customization in files. Additional customization is not included in theme support.
7) Unfortunately, there is no such possibility for Mega menu. But you can try to change Menu Design > Dropdown.

Regards
#203944 Copied
Viewing 4 results - 1 through 4 (of 4 total)