# Over translated when using expose-aside-when="large" at right side menu

**URL:** <https://forum.ionicframework.com/t/over-translated-when-using-expose-aside-when-large-at-right-side-menu/30618>\
**Category:** uncategorized\
**Created:** [August 16, 2015, 7:31pm UTC](https://forum.ionicframework.com/t/over-translated-when-using-expose-aside-when-large-at-right-side-menu/30618 "2015-08-16T19:31:57Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![pikallen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/pikallen/32/14632_2.png) [@pikallen](https://forum.ionicframework.com/u/pikallen)\
**Post date:** [August 16, 2015, 7:31pm UTC](https://forum.ionicframework.com/t/over-translated-when-using-expose-aside-when-large-at-right-side-menu/30618/1 "2015-08-16T19:31:57Z")

</div>

When I used the expose-aside-when=“large” in the menu starter template and chose the right side menu, I found that when I clicked on the menu item, the menu content will be translated right 275px automatically when the screen size is over the “large” size, and therefore left a 275px wide blank area in the left side of the screen.  
 ![image](https://global.discourse-cdn.com/ionicframework/original/2X/8/8015db843a742fa82c1a6338d442a7759426b756.png)

A quick sample in codepen.

when I click the interview item to show details, the blue content field just shifted to right side.

[http://codepen.io/suyuz0629/pen/jPorVE](http://codepen.io/suyuz0629/pen/jPorVE)

And I found that this error is caused by the setTranslateX in ionSideMenuContent directive.

as I changed

```
$element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(' + xTransform + 'px,0,0)';

```

to below

```
if (amount) {
   $element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(' + xTransform + 'px,0,0)';
} else {
   $element[0].style[ionic.CSS.TRANSFORM] = 'translate3d(0px,0,0)';
}

```

this error is fixed.  
I think this is because when the menu is already toggled as screen size is over the large size, there is no need for the menu content to be translated anymore.

---

<div class="post-metadata">

**Author:** ![nnnnnorthhhhh](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/nnnnnorthhhhh/32/98566_2.png) [@nnnnnorthhhhh](https://forum.ionicframework.com/u/nnnnnorthhhhh)\
**Post date:** [August 16, 2015, 9:17pm UTC](https://forum.ionicframework.com/t/over-translated-when-using-expose-aside-when-large-at-right-side-menu/30618/2 "2015-08-16T21:17:37Z")

</div>

So if you can replicate this in a code pen, save the code pen and open an issue on [https://github.com/driftyco/ionic](https://github.com/driftyco/ionic) to have the devs fix it for the next version.

Great catch! I don’t think a lot of people have been doing any rigorous testing on iPads so issues like this are still pretty new

---

<div class="post-metadata">

**Author:** ![pikallen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/pikallen/32/14632_2.png) [@pikallen](https://forum.ionicframework.com/u/pikallen)\
**Post date:** [August 17, 2015, 3:13am UTC](https://forum.ionicframework.com/t/over-translated-when-using-expose-aside-when-large-at-right-side-menu/30618/3 "2015-08-17T03:13:00Z")

</div>

I’ve made a quick sample in codepen and reported this bug to ionic.  
But I’m not quite sue whether the solution can solve all similar question relate to the the right side menu and it need further discussion.

---

<div class="post-metadata">

**Author:** ![nnnnnorthhhhh](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/nnnnnorthhhhh/32/98566_2.png) [@nnnnnorthhhhh](https://forum.ionicframework.com/u/nnnnnorthhhhh)\
**Post date:** [August 17, 2015, 3:15pm UTC](https://forum.ionicframework.com/t/over-translated-when-using-expose-aside-when-large-at-right-side-menu/30618/4 "2015-08-17T15:15:20Z")

</div>

They’re pretty good about figuring things out on the github issues, just keep tabs on it 🙂