Menu bar for for one page

[stephaneczd]

Hello everyone,

I’m trying to create a menu like the one on the Softr website (see the red box in the image).
Do you know how to do this?

Thanks

[matthieu_chateau]

Hi,

This is made via custom code.

Here is the reference to create something similar: Custom Code Snippets – Softr Help Docs

Some styling settings might updated to get the desired design.

It should look like this:

<ul class="breadcrumb">
  <li><a href="https://academy.softr.io/dashboard/">Dashboard</a></li>
  <li>/</li>
  <li><a href="https://academy.softr.io/course-listing/">Course Listing</a></li>
</ul>

<style>
.breadcrumb {
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 15px !important;
  display: flex !important;
  gap: 5px !important;
  background-color: white !important;  
  font-size: 16px !important;      
  font-family: Arial, sans-serif !important; 
  font-weight: 500 !important;      
}

.breadcrumb li {
  display: flex !important;
  align-items: center !important;
}

.breadcrumb li a {
  text-decoration: none !important;
  color: black !important;         
  transition: color 0.3s !important;
}

.breadcrumb li a:hover {
  color: blue !important;          
}
</style>

[stephaneczd]

Hi @matthieu_chateau ,

Thanks for this tips it’s perfect