Header issue.

Hello,
Need urgent response.

Can i customize the header in such a way that, it will show different button color upon scrolling down on desktop view?
Different color for text and button for overlap view and different when scrolled.

Talking about this page header: https://www.staging1.techyuga.com/kolkata/

Please advice.

Could you please also tell me, how do i assign different pages to different menus?? I can’t find the option to do that. Also, i am facing the same issue on mobile menu as explained previously. If i set the menu font color as white, it looks fine on overall style and gets hidden on sticky one. And if i make it dark, it looks odd on overlap section.
see example on mobile: https://www.staging1.techyuga.com/kolkata/

Hello,

1. It is possible to do with custom CSS. I have provided the code in https://xtemos.com/forums/topic/sticky-header-issue-urgent-response-requested/

2. You cannot assign different pages to a different menu, you can have different headers for different pages. https://xtemos.com/docs/woodmart/header-builder/set-different-header-specific-page/

Best Regards

I have applied the give custom css. But it is not working for my need. Understand, i want the button to be in a different color on the overlapping header. and different on a sticky header. And if it is not possible, then i want the button to be visible only on sticky header. How can i do that?

And in order to make the different menu for different pages, can i use this plugin: https://themify.me/conditional-menus

Please let me know as i need to show different pages for different users.

Thanks

Hello,

You set the overlap background color in the row settings https://xtemos.com/docs/woodmart/header-builder/header-rows-columns-configuration/

Change the colors in the custom CSS as per your needs.

Our theme does not have an option to show different pages to different users.

Best Regards

[Author]

Posts