Return to previous page

Styling sticky menu - by AdSh - on WordPress WooCommerce support

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

AdSh

Participant

March 15, 2018 at 12:25

Hi,

I want to do some changes in the sticky menu as follows:
1. The font color in the sticky menu to be Black (only in the sticky menu, not in the main menu because in the main menu it is white and I want to keep it white).
2. I want to align the menu elements to center, at the moment they are aligned to “Top” but I want them “center” then the sticky menu will be symmetric.

Here is a screenshot to what I mean: https://www.dropbox.com/s/b2yizefr2waezhp/1.png?dl=0

Thanks

#188305 Copied

3 Answers
Rose Tyler

Support staff

March 15, 2018 at 14:45
Hello,

Please add this code in custom.css:

.fixed-header .menu > li > a, .fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a, .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a { color: black !important; } .fixed-header .menu-main-menu-container { margin-top: 18px; }

Regards
#188325 Copied
AdSh

Participant

March 15, 2018 at 21:46

Hello,

the margin top works correctly. BUT the font color does not change.
Please check and let me know what is wrong in the code.

Thank you

#188394 Copied
Rose Tyler

Support staff

March 16, 2018 at 08:34
Hello,

Please change this code

.fixed-header .menu > li > a, .fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a, .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a { color: black !important; }

to

body .fixed-header .menu > li > a, body .fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a, body .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a { color: black !important; }

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