# Menú personalizado en móvil

**URL:** <https://meta.discourse.org/t/custom-menu-on-mobile/82729>\
**Category:** Product Support\
**Created:** [11 Marzo, 2018 13:50 UTC](https://meta.discourse.org/t/custom-menu-on-mobile/82729 "2018-03-11T13:50:17Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [12 Marzo, 2018 03:15 UTC](https://meta.discourse.org/t/custom-menu-on-mobile/82729/5 "2018-03-12T03:15:10Z")

</div>

> [@Adam\_Adam](#):
>
> How could you position a menu like that on to the bottom right

On small screens, there wouldn’t be much difference because the button / menu is centered,

On tablets you would use the stuff from above but just flip the `left` properties to `right`

If you are not sure what I mean, you can also just add this at the bottom of the code above:

```plaintext
#mobile-menu {
	left: unset;
	right: 20px;

	&:hover {
		left: unset;
		right: 15px;
	}
}
@media (min-width: 769px) {
	.background {
		left: unset;
		right: 0;

		&.active {
			left: unset;
			right: 15px;

		}
	}
}

```

To get this:

 ![75e8889d-8bb4-42ef-82c7-a0cdd74a59c6](https://global.discourse-cdn.com/meta/original/3X/3/4/34ddf33f01a84359878e2df71182514e8c01190c.gif)

> [@Adam\_Adam](#):
>
> and have it a little transparent

You can use an RGBA color as the background for the class `background` like so:

```plaintext
.background {
    background-color: rgba(255,255,255, .7);
}

```

---

_[View the full topic](https://meta.discourse.org/t/custom-menu-on-mobile/82729)._