Header builder animation question

Support
#1

Hi, I’m wondering if there’s a way to keep the menu item that you are on (the page or the :active) showing the particle animation that is set up for it.

I have this site here, and I would like to keep the circles there for a menu item that is currently active.

http://www.padthai.decorolux.com/

Thanks!

#2

Hi @Pbalazs89

To achieve that please add this CSS snippet to (Pro > Theme Options > CSS):

.custom_menu.x-menu>li.current-menu-item>.x-anchor .x-anchor-particle-primary {
    width: 100%;
    height: 0;
    border-style: dotted;
    border-color: #c84427;
    border-image-source: url(http://padthai.decorolux.com/wp-content/uploads/dots.png);
    border-image-slice: 33% 33%;
    border-image-repeat: round;
    border-width: 8px;
    border-top: none;
}
.custom_menu.x-menu > li.current-menu-item > .x-anchor .x-anchor-text-primary {
    color: #c84427;
}

li.current-menu-item [data-x-particle] {
    transition-delay: 0s;
    transition-duration: 0s, 0.3s;
    transform: scale3d(1, 1, 1);
}
li.current-menu-item [data-x-particle] {
    opacity: 1;
}

Thanks.

#3

Thanks that worked great!