Menu colors and placement

metex

Hello (again),

We have an issue with our menu, where the colors don't adapt to the background. I'm hoping this is possible?
As you can see in the pictures below:

1st slide: https://i.imgur.com/Bm71Qxc.png

2nd slide: https://i.imgur.com/IWiAkbB.png

Is there a way to make the colors adapt to the colors behind it - or perhaps customize the color for every single slide individually?

Additionally, I'd like to ask how I can "integrate" the navigation menu into my revolution slider on different subpages. Please see picture below.

https://i.imgur.com/Rl3Qp4q.png

I'd like the menu to appear over the slider just as it does on the front page. Is this possible?

Cheers!

Air

Hello:-)

So about header colors, we have special feature that is called header color variants Please read about it here http://rifetheme.com/help/docs/customizing-the-theme/header/variant-light-dark-overwrites/

And here is explained how to use it with Revolution Slider http://rifetheme.com/help/docs/plugins-recommendations/slider-revolution/changing-header-variant-on-slide/

metex said: I'd like the menu to appear over the slider just as it does on the front page. Is this possible?

You have to enable option for header to be above content.
Check for option Hide content under header.
http://rifetheme.com/help/docs/content-management/pages/pages-options/

Hope that helps.

With kind regards.

metex

Hi Air!

Appreciate the fast response

I got the colors to work, so that's perfect!

I can't quite get the menu overlay to work the way I want it, though. I see what you mean by the "Hide Content under header" feature, but it's not overlapping it like on the front page.

It ends up looking like this:

https://i.imgur.com/lDlraxK.png

Whereas I want it to overlap like on the frontpage (without the white box):

https://i.imgur.com/59xDlbA.png

Is that possible?

Cheers!

Air

In case of overlap - it is above content, right? If yes, you just have to use header color variant that has transparent, or semi-transparent background color.

If you could send me live link, then I could tell more, then from static image ;-)

But it is possible :-)

With kind regards.

Air

Thanks for link in private message.

So header is already transparent in your case. What you may want to do is to remove white space of page content. You can do it by editing page and turning off top and bottom padding.
Edit page -> Page details -> Layout & Sidebar -> Content top/bottom padding -> Both off


However, as you got high theme header, even if it is transparent, it will still cover with its layer your "photo navigation" so it will not be accessible.

If you want your slider to have special navigation, then safest place for it will be at bottom of slider.

With kind regards.