Menu Primary Particle to Stay Visible for Current Page

[SeekGod]

Hi there, I’m using the pro theme header builder. How can I make the primary particle remain visible for the current page it is on? The code found on other threads does not seem to work for me.

Thank you!

[ruenel]

Hello @SeekGod,

Thanks for writing in! I have checked your site and I could not find the page that displays with the custom header in it. Would you mind providing us the url of the page in questioned?

Meanwhile, you can make use of this custom css to make sure that the primary particle remain visible for the current page it is on. Please add this code in the custom css section of the header builder.

.current_page_item > .x-anchor .x-anchor-particle-primary,
.current-menu-parent > .x-anchor .x-anchor-particle-primary {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1);
}

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