Wordpress style - background - hmenu

Hello

Is it possible to make a menu that changes style when you scroll the page ?

Do you mean highlight the active menu item when you scrolled to the appropriate section on the page?
Yes, this feature is called ScrollSpy and you can enable it under the Theme Settings.
Currently there is a bug in highlighting but we'll fix it in the future updates.

and the background is it possible to have a different for another template type ?

Unfortunately you can't style the same control differently on another template. But you can add one more hmenu and style at you wish.

Thank you,
Olivia

This option also interested ;-) good

But I wanted to talk about the style of the navigation bar.
The menu is transparent and when you scroll the page it changes color

Thank you.

Hello Nicolas,
I suppose that I see what you mean. Please try the following solution in Themler:
1. open Horizontal Menu options and make it fixed on the Screen, then open 'More Options':

1. set Fill Color to transparent
   

   
   
   and then add background color by settings up gradient
   
   
   
   (I used the same colors for gradient stops to get fill-look color)

2. to change background color smoothly I added Transition effect with following settings
   

   

Regards,
Aileen

This is exactly what I wanted.

A big thank you

You are welcome.

Feel free to contact us again if any other questions appear.

Sincerely,
Hella
BillionDigital Team

I do all those steps and cannot get it to work. Seems something other is preventing background-color change. Z-index or what.

Menu is hanging free in header. Do I have to put menu inside one row, one column and do all those steps on row instead on menu directly ?

Strange is Opacity and Shadow effects work, but not background-color and Gradient.

I see now. You added CSS code in Settings tab.
It is OK and not any problem to do so, but please make a new article inside documentation about this and explain it.

.bd-affix-3.affix .bd-layoutcontainer-12 {background-color: #d9534f !important;}

And make some screenshots for beginners how they will find class names with Firebug od Inspector in Chrome. As you go after this solution it is your obligatory task to explain it in documentation.

Hi,

Ok, I'll create the article about creating the effect requested in this topic with a few explanations.

Thank you,
Olivia

I tried to put row with menu inside one additional row. And this row all-container has transparent color, fix on screen and fix on screen background set.

Row under has real background (not Fix on screen background). And despite CSS logic it should work cannot get it to work.
parent block gives Fix on screen background and should override underlying row block.

As there are no padding and margin and all rows are screen wide there should not be problem making it to work.

Hello Stagger Lee,
could you please create a new private topic and provide access to WP admin back end so we could check your theme?

regards,
Aileen

It is same on all themes. Dont understand me wrong. I dont complain about a bug. I know it is a feature yet to be added to Themler.

Just it doesnt help when you said you achieved it. Take a look at theme you gav eme on this private topic. It has custom CSS code in Settings tab. Without it it doesnt work, and I tried this on multiple themes.

But OK, it is more a wishlist not a bug, I know.

Your statements make it as bug, but it is not. It is just one small thing missing from Themler right now.

Hi Stagger Lee,
I'm sorry for the inconvenience.
I made some tests with the current Themler version. The solution now should be a bit different. Here is the updated version
1. open Horizontal Menu options and make it fixed on the Screen, then open 'More Options':

2.set Fill Color to transparent and DO NOT apply gradient
3.add Transition effect

4.add custom CSS code that specifies the background color under Settings >> Additional CSS

.affix .bd-horizontalmenu-1{
  background-color:#fff000;
}

This solution is working for me.

Regards,
Aileen

Thanks Aileen but I dont need it now. I know how to make it. Just wanted to be sure if I missed some step to do it without manual CSS code. Themler has many hidden candies.

It would be in your intresse as sale company to give it a more time. It is not so trivial as it may seem.

Look at filters and snippets for Customizr WP theme platform.

Affix is not only for changing colors. People have in menu bar search input, logo, Slogan, Headline, or in Header, all possible things. And Affix needs to be able to override all this and hide it when it is triggered.

Hello Stagger Lee,
we'll consider of using affix and ability to create more extensions and effects for the future updates.

Regards,
Aileen