Pro Header display error?

Hi,

I’ve set up a nav bar that is transparent and when you start to scroll it disappears and a solid color sticky nav bar appears. In the builder everything looks correct and works how it should, but when I preview the page, the font color for the transparent nav menu isn’t correct. The text should be white, but is appearing the navy color. Can you please advise?

Ashley

Hi,

Upon checking, I can see that your menu links are all pointing to your homepage, which makes them as current page.

To fix this, you need to change the color for current menu and fix your links to go to the correct pages.

Please add the code below in `Header > CSS to fix the color of your menus.

.trans-bar .x-menu > li.current-menu-item > .x-anchor .x-anchor-particle-primary {
   color: rgb(225,245,53);
  transform:translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
      width: 100%;
    height: 25px;
   opacity:1;
}

Hope that helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.