Change background colour of the Main Menu with Stack: Center header

webbabe · June 2018

Tried everything I could think of but I cannot change the header background color on category pages or posts.

I use Stack: Center as header.

I have sent you the URL through codecanyon.

Pablo · June 2018

Hi,

Be sure that you set

1) Theme Options > Colors > General

Theme Skin as Custom Skin

http://prntscr.com/jx5g0c

2) Theme Options > Colors > Header

Top bar left | background as your color

http://prntscr.com/jx5i3k

Please send a link to your website here if this won't work

Thanks.

webbabe · June 2018

I also tried and checked that but unfortunately it doesn't work.

I have already sent the url via PM at codecanyon, with a referal to this post

Pablo · June 2018

Which pre-built website do you use?

Thanks

webbabe · June 2018

hi there,

hairdresser

Pablo · June 2018

Please follow my steps:

1) Theme Options > Global > General - and turn OFF Transparent Header and Top Bar with menu

http://prntscr.com/jxhe74

2) Theme Options > Global > General on bottom, you'll have sticky header option, make it "The same as Top Bar Left background"

http://prntscr.com/jxhesj

3) To change color, do my steps from answer before, point nr. 2

Thanks.

webbabe · June 2018

Thank you so much, i was not exactly what I meant but I now understand how to get it done!

It has to do with the transparant Top bar setting.

Thanks again, you made my day :-)

webbabe · June 2018

One final question: is it also possible to have an image as background in the topbar of post categories and posts?

Pablo · June 2018

If you want to have it only in post categories and posts

you have to use Custom CSS code.

Thanks.

webbabe · June 2018

No, i want it at pages as well, except for the homepage, which uses a slider in that position.

At this moment the image already shows on pages, but I can get it to show on post categories or posts

Pablo · June 2018

Hi,

Please use this Custom CSS code and tell me if this is what you wanted to achieve.

If not, please describe me it in screenshots.

body.page-id-69 #Header #Top_bar:not(.is-sticky) {
background:transparent !important;
}

body #Header #Top_bar:not(.is-sticky) {
  background-image:url('YourPathToImage') !important;
}

Thanks

webbabe · June 2018

Thanks Pablo, that's exactly what I mean!

Change background colour of the Main Menu with Stack: Center header

Comments