Simplify the navbar structure to a single ".logo" element that can be shown in both mobile or wide views.

Currently, Seed CSS does not have a bulti-in dropdown menu for the navbar.

Items should be displayed in the same order as written in the HTML.

Too long tables break on small devices. Adding a wrapper such as below fixes the issue:

<div class="table-responsive" >
   // table here
</div>

with style:

.table-responsive {
   position: relative;
   width: 100%;
   overflow-x: auto;
}

Another really awesome free webfont:
https://icons8.com/line-awesome

Using longs string in a tooltip looks weird since the string does not break down in multiple lines.

Looking for a designer who can help with this subject.

It looks like the main panel is translated, but the viewport is not locked with overflow.

In some cases, the tooltip is coming behind other elements.

The tag style should not use white-space: nowrap.

It seems that xl-* class for columns on the grid system are not working properly.

For example:

(...)

<div class="col md-6 lg-4 xl-2" >

   (...)

</div>

(...)

Tooltip has not a min-width which looks weird on some occasions. It can be fixed by defining the following rules to the tooltip.scss:

.with-tooltip {
   /* ... */
   width: max-content;
   max-width: 250px;
   min-width: 100px;
   /* ... */
}

E.g when an error message (.error) is placed inside the component .field wrapper with a .has-feedback class, just like any other .field, it breaks and loses the styling.

After initializing the helper, and getting the off-canvas component, the methods described in the docs (open/ close) seems to not be available.

• Hamburger icon contrast is bad (needs to be improved)
• Change icon on click -> X with animation.
• Expand the collapsed menu when hamburger icon is clicked (make it w/o JS?)

Tooltips should not behave when user hovers or clicks it.
Please add pointer-events: none;.