Hello Benni,
Thanks for writing in! By default, the particle will only display during the interaction. To make it displayed on the current page, you will have to use custom CSS to do it. You need to use the Google Chrome Developer Toolbar to check the live HTML code and find which CSS selector you need to use.
When loading the page, the particle is hidden away and not visible because of this built-in CSS:
.e220-9.x-menu > li > .x-anchor[class*="active"] span.x-particle.x-anchor-particle-primary {
transform: scale3d(0, 1, 1);
opacity: 0;
}
You can modify the code above, setting the opacity and the scale to be visible again. You need to add the modified CSS code into X > Theme Options > CSS .
.e220-9.x-menu > li > .x-anchor[class*="active"] span.x-particle.x-anchor-particle-primary {
transform: scale3d(1, 1, 1);
opacity: 1;
}
Please note that the code provided above serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.
Feel free to make adjustments as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes: