sticky menu

mgansevoort · September 2016

Hello,

There are now two options for the sticky menu. I want to customize the sticky menu, for instance the colors of the background and the color of the titles. In what files can I change these codes?

greetz, Marcel

Albert · September 2016

Hi,

this could be changed under Custom CSS & JS > Custom CSS section with right css. There is no need to modify theme files. If you look at http://themes.muffingroup.com/betheme/documentation/#theme-customizations you will understand how to get right classes for elements.

mgansevoort · September 2016

Okay, my client is nog happy with the sticky menu with the black backgroundcolors. He wants it like http://themes.opendept.net/retro-portfolio-4/#start

Is this possible, you think?

Albert · September 2016

Sorry but we do not understand the question. Do you want to change sticky header background color? Because if that's what you mean, we explained above what is necessary. But if you don't understand it, you can send us link to page where you would like to change header's background and we will give you right css.

mgansevoort · September 2016

Yes, I want to change sticky header background color ánd the sticky letters color

a page with the sticky menu is: http://www.wpvideo.nl/jollyboothtest/hosts/

So, can you give the right css?

greetz, Marcel

Albert · September 2016

Ok. So to change all these colors, please use:

#Top_bar.is-sticky { background: #E2E2E2 !important; }
#Top_bar.is-sticky .menu_wrapper .menu > li a { color: #EEE !important; }
#Top_bar.is-sticky .menu_wrapper .menu > li.current-menu-item a { color: #FFF !important; }
#Top_bar.is-sticky .menu_wrapper .menu > li a:hover { color: #FFF !important; }

mgansevoort · September 2016

thx!

Albert · September 2016

You're welcome!

sticky menu

Comments