2018-11-17, 05:47 PM
2018-11-21, 05:31 PM
Okay, I have found the solution for me. May help someone else. That 2 or 3 lines of navigation can get ugly in mobile.
theme templates > navigation > nav_bit
.navbit {
max-width:25%;overflow:hidden;white-space:nowrap;
}
.navfade {
-webkit-mask-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 1) 85%, rgba(0, 0, 0, 0) 100%);
}
theme templates > navigation > nav_bit
<a class="navbit" href="{$navbit['url']}"><div class="navfade">{$navbit['name']}</div></a> <i class="fas fa-angle-double-right"></i>