# Page Tab menu Styling

**URL:** <https://community.glideapps.com/t/page-tab-menu-styling/55836>\
**Category:** Ask for Help\
**Created:** [December 17, 2022, 1:36pm UTC](https://community.glideapps.com/t/page-tab-menu-styling/55836 "2022-12-17T13:36:55Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [December 17, 2022, 1:36pm UTC](https://community.glideapps.com/t/page-tab-menu-styling/55836/1 "2022-12-17T13:36:56Z")

</div>

Anyone know how to make the bottom tab menu look like this?

 ![Screenshot 2022-12-17 at 15.31.17](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/f/afd296a3680e650f924cfa3b510b70f0ca4f1b69.png)

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 17, 2022, 2:45pm UTC](https://community.glideapps.com/t/page-tab-menu-styling/55836/2 "2022-12-17T14:45:30Z")

</div>

CSS. Your app will need to be on the business plan.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [December 17, 2022, 3:05pm UTC](https://community.glideapps.com/t/page-tab-menu-styling/55836/3 "2022-12-17T15:05:27Z")

</div>

Not sure if this is accurate, but it’s a step in the right direction:

 ![CleanShot 2022-12-17 at 10.04.32@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/6/56ea6753a949ee01640c9ec01f599c55eecd4e12.jpeg)

```auto
[class*="mobile-tab-bar___StyledDiv"] {
background-color: transparent !important;
padding: 10px 20px;
border-radius: 30px;
margin-bottom: 10px;
border: 0px;

}

[class*="mobile-tab-bar___StyledDiv"]:first-of-type {
background-color: white !important;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

```

---

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [December 17, 2022, 3:22pm UTC](https://community.glideapps.com/t/page-tab-menu-styling/55836/4 "2022-12-17T15:22:41Z")

</div>

Very nice, amazing what can be achieved with CSS. Glides’ theme and styling are super classy and it’s nice they offer the ability to add our own design tweaks. Will save this for when i upgrade to business plan👍