# Layout/Navigation Concept

**URL:** <https://community.glideapps.com/t/layout-navigation-concept/76023>\
**Category:** Ask for Help\
**Created:** [August 31, 2024, 4:24pm UTC](https://community.glideapps.com/t/layout-navigation-concept/76023 "2024-08-31T16:24:50Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 31, 2024, 11:32pm UTC](https://community.glideapps.com/t/layout-navigation-concept/76023/2 "2024-08-31T23:32:45Z")

</div>

There’s no “indented” native solution. You have to use CSS to achieve it, and it’s fairly complex.

> [@Group tabs on desktop menu tab bar using CSS](https://community.glideapps.com/t/group-tabs-on-desktop-menu-tab-bar-using-css/72798/8):
>
> MOBILE DESKTOP: [Screenshot 2024-05-05 at 14.21.49] /\*NAVIGATION\*/ #page-root nav \> ul \> li:nth-child(n+6):nth-child(-n+8).menu-item { margin-left:10px; } /\*Mobile\*/ #page-root [aria-label="Side Navigation"] \> ul \> li:nth-child(n+2):nth-child(-n+4){ margin-left:10px; } #page-root nav \> ul \> li:nth-child(n+6):nth-child(-n+8).active.menu-item::before { content: '◉'; color: red; } /\*Mobile\*/ #page-root [aria-label="Side Navigation"] \> ul \> li:nth-child(n+2):…

---

_[View the full topic](https://community.glideapps.com/t/layout-navigation-concept/76023)._