Interaction Symbol to the top of the page

Support
#1

Hi, pls see this screenshot and sub.rohrmoos.de/gastgeber
http://ctrlv.in/974989

There is a interaction symbol when hovering a navigation item. (yellow half ball).
How can I move that ball to the top edge of the page?
The navigation items should stay where they are.

Thx
Andre

#2

Hi,
I would say that you need to do a bit of CSS coding, but it shouldn’t be too hard. I don’t have time to look at the code specifically, sorry.
Try adjusting the top margin for the hover effect.

#3

Thx, will check it out!
Hoped there is a solution the header builder.

#4

Hey, @alamtfuerwerbung!

Thanks for writing in! You definitely will not need any custom CSS for this effect with Pro as you can adjust the settings out of the box to achieve the desired result. From looking at your CSS on the frontend, I’m going to guess that you need to adjust the navigation’s Align Self option. To get there, inspect the element in the preview and the very first box after the preset section in your workspace should look like this:

Make sure the Align Self option is set to Stretch as seen in this screenshot (from looking at your CSS on the frontend I am going to assume it’s set to Center currently).

If that doesn’t happen to give you the desired result, you may want to start with one of our presets out of the box, such as Integrity, which has a similar effect with the particle placed at the top of the navigation and stretched to fill the full height of the bar. You can apply that preset by inspecting the navigation like you did previously and finding this very gray preset box:

After selecting Integrity, click the Apply button to see the changes take effect. If you do not wish to overwrite the settings you currently have, I would go ahead and make a test header and try it there. After applying the preset you can see exactly how we setup each piece of the navigation to get that particular look.

Cheers!

#5

That was very helpful. Solved! Great"
Thank you!!!

#6

Glad to hear that. :slight_smile:

#7

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