UPG Lumi Project, with Breadcrumbs 'custom component'

Hi guys, here another new project, LUMI design for Elements.

Lumi was created to provide a smooth transition and continuity for its users, now rebuilt from the ground up for Elements.

It features a very elegant dark style. To bring your content to life, it includes some really cool and subtle parallax scrolling effects. It comes packed with all the essential pre-built examples you need to get started and customize it to your content.

Styles ready & Dark mode: Even though the Lumi layout is dark, it still supports dark mode, with even darker shades.

Project pages:

Home, Pages, Team, Contact, Products, Gallery, Prices, Helps, ‘Starter Page’, your starting point to launch your website. Plus two technical pages and term & Privacy

The template is now available in the markertplace

Check out the live preview to see it in action!

Here a coupon 25%Off for community members

lumireborn54825

Thanks!

3 Likes

Drop down. Same on my iPad Air. @MultiThemes check your other products too.

@handshaper do you have a solution? Your websites don’t have this problem. Are you using folders or pages?. @dan

The top level items should be folders (not pages) to support both touch (iOS) and mouse (macOS) input.

1 Like

Should be a simple fix

no problem, if there is a need I’ll update the project

1 Like

Fixed and I’ll do the same with the others.
By the way, I have another classic layout ready to share, thanks!

take a look at Climate

thanks to everyone!

1 Like

Solved everywhere, thanks again

2 Likes

Yes, I use folders.

1 Like

It would be ideal to handle parent pages without limitations on iOS. While various CSS or JS solutions exist, the current priority is to maintain full compatibility with the current version :slight_smile:

another solution could be to separate the PARENT icon from the clickable link, like in My Flexer theme for Classic (Theme-toggled feature) but is more useful in vertical nav, with big icons :slight_smile: .

This appears to work this way in the new Tree component. When I click on the disclosure icon, it displays the submenus, but when I click on an item, it opens the page. However, it is a little sensitive to where you click. I agree it would be nicer if the disclosure were a separate control from the menu item.

I agree, as I wrote, the problem is how to make the concept clear graphically. On vertical menus, with very large buttons, it’s easier, on a horizontal menu it’s impossible to understand. :worried: and you have to consider the size of your fingertip, there’s not enough space :backhand_index_pointing_up:

..,but we’re going a bit OT :grinning_face_with_smiling_eyes:

1 Like

Look nice :clap:t2:

Upgrade V1.0.1

Improved all Built-In “Custom Components”, now every component provides a control panel where you can easily fine-tune its settings.

More details here

Lumi Scripts: Parallax & Scaling Header + Animation classes for Modal
Standalone Custom Components: Four scripts ready to use in any project.

Each component includes its own easy-to-use options panel, giving you more flexibility and control.

Core project + Progress Bar + Privacy Pop-Up + Fade-In Body + Back to Top Button.

BTW: Customers have already received the email with the update and instructions to upgrade their components. For any questions, feel free to contact me.

Here a coupon 25%Off for community members

lumireborn54825

Thanks!

1 Like

Upgrade V1.0.2

Added Breadcrumbs “Custom Components”,

Options:
Home Icon:
The Home icon changes thickness, size and position, Turn On /Off
Home Label:
Set the starting point text (e.g. “Home” or “Wonder”).
Path Offset:
Choose which URL level starts your breadcrumb. skip top folders with ease. From Root to Level5.
Exclude URL Levels:
Hide specific folders or pages (e.g. menu, categories) from the path.
This option is perfect if you’re planning a multi-site site and want the breadcrumb to show the common root.
Typography:
Set font, size, weight, spacing, and case for perfect readability.
Colors:
Color for breadcrumb links and separators.
Separator:
Pick from different symbols / & ›

✓ Works in any project — just drop it in, no setup needed.

More details here

BTW: Customers have already received the email with the update and instructions to upgrade their components. For any questions, feel free to contact me.

Here a coupon 25%Off for community members

lumireborn54825

thanks!