Changing position of a particle

Hi Themeco,

how can I change the position of the particle (the red line you see in the image) without changing the total height of the main bar? I would like to move the red line a little further up, because there is too much space between the text and the line, when you do a mouseover.

You can hover on the menue, then you can reveal the red line: http://b3n0lg.myraidbox.de/seminare/

Best, Christopher

Hello Christopher,

Thanks for writing to us.

It can be achieved through the custom CSS code you need to go to the Navigation Element —>Customize —>Element CSS

$el span.x-particle.is-primary {
    top: 61%;
}

Please feel free to change the top value as per your design. The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case if you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

2 Likes

This worked well, thank you very much.

Hi Christopher,

Glad that we are able to help you.

Thanks

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