Docs

[wyannrosales]

Hi im trying to get this effect (menu header exactly the same as http://beijing.lps-china.com/)
Header menu from transparent over a revslider change color upon scroll

[wyannrosales]

This reply has been marked as private.

[Thai]

Hi There,

Please take a look at this ticket: https://community.theme.co/forums/topic/navbar-color-change-on-scroll/#post-274570.

Hope it helps 🙂

[wyannrosales]

Thanks!! works great on desktop.

How ever having problem with the mobile view. so you have any way to fix? thanks!

[Rue Nel]

Hello There,

Thanks for the updates! To resolve the issue on mobile screens, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

@media (max-width: 979px){
  .home .x-navbar.alt-color{
    position: fixed;
  }    
}

We would loved to know if this has work for you. Thank you.

[wyannrosales]

Hi, Rue Nel!

It worked great just one problem on mobile still. It only changes color upon scrolling. I need to change the color of the background of the menu(on mobile) even if I haven’t scrolled yet. (since right now it’s transparent and the whole site background is white which makes the white text unreadable)

hope it’s not confusing.. and btw I saw the new update coming up on X with the header and nav bar customization I’m excited to mess around with that!

[Rad]

Hi there,

In that case, please change that CSS to this,

@media (max-width: 979px){
  .home .x-navbar.alt-color{
    position: fixed;
  }    
  .x-navbar {
    background-color: #0e293d !important;
  }
}

Hope this helps.

[Author]

Posts