# Fixed element messing everything up when you zoom on a mobile device

**URL:** <https://forum.kirupa.com/t/fixed-element-messing-everything-up-when-you-zoom-on-a-mobile-device/328813>\
**Category:** web dev\
**Created:** [June 19, 2012, 6:56pm UTC](https://forum.kirupa.com/t/fixed-element-messing-everything-up-when-you-zoom-on-a-mobile-device/328813 "2012-06-19T18:56:54Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jpf566](https://avatars.discourse-cdn.com/v4/letter/j/ea5d25/32.png) [@jpf566](https://forum.kirupa.com/u/jpf566)\
**Post date:** [June 19, 2012, 6:56pm UTC](https://forum.kirupa.com/t/fixed-element-messing-everything-up-when-you-zoom-on-a-mobile-device/328813/1 "2012-06-19T18:56:54Z")

</div>

Alright, so I’m implementing a “fixedfloating menu” that you can see here [http://jqueryfordesigners.com/fixed-floating-elements/](http://jqueryfordesigners.com/fixed-floating-elements/)

Here’s the page [sheffieldfurniture.com/furniture/bedroom.html](http://sheffieldfurniture.com/furniture/bedroom.html)

It works great on desktop and looksgreat on mobile devices (IOS, Android) …as long as you don’t zoomin on the page. When you zoom on a mobile device the fixed elementbegins covering the other page content, as it should since it’s fixedto a certain place on the viewport.

Is there a way to keep users fromzooming? Any ideas? Thanks!

See below for screen shots.

Initial view is fine  
 ![](http://forum.kirupa.com/uploads/kirupa/6629/1052338ac6fdec20.png)

Zoom in and things get ugly  
 ![](http://forum.kirupa.com/uploads/kirupa/6631/1b49394cb1a29240.png)