By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Can Elementor do this: Line of small icons (or graphics) at top of window possible to create a navigtion? With mouse over text underneath?

M

mathpoli

New Member
Hello,

I am new to Elementor and I am looking for a new individual navigation in the header, but I don’t know if Elementor (or any other plugin) can do it.

As far as I understand Elementor, this might not be possible at all.
Maybe some of you, who are experienced Elementor users, can tell me whether this is possible or not.

The design idea is this:

At the top of the screen, a line of up to 15 icons (SVG or shapes or graphics) shall be placed, directly at the top edge of the screen.
My current idea is, to use „half circles“ as icons, see attached screen shot.
The icons shall have no gap between each other.
The icons shall have different, custom colours.
The icons shall have a mouse over effect which a.) causes a line of text to be displayed underneath the half circle and b.) add a visual change of the icon (e.g. different colour).
The active (current) icon shall have a different look, e.g. a dot in the middle of the half circle.
The icons shall have a link (e.g. to another page).
The navigation shall be responsive.

Can Elementor do this?
Or is there another plugin for WordPress?
Or must this be done in other apps (e.g. Adobe Xd / Dreamweaver, which I both do not know)?

I am on a Mac.

I am grateful for any help! Thank you!

mathpoli
 

Attachments

  • Bildschirmfoto 2021-09-05 um 12.20.07.jpg
    Bildschirmfoto 2021-09-05 um 12.20.07.jpg
    14.2 KB · Views: 5

Latest posts

Latest Resources

Other Elementor Resources

elementor official
Top