# Trying to stop an element adjusting for mobile.

**URL:** <https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956>\
**Category:** Beaver Builder\
**Created:** [October 14, 2015, 11:39am UTC](https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956 "2015-10-14T11:39:25Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![watkinsnmc](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/w/e495f1/32.png) [@watkinsnmc](https://community.wpbeaverbuilder.com/u/watkinsnmc)\
**Post date:** [October 14, 2015, 11:39am UTC](https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956/1 "2015-10-14T11:39:25Z")

</div>

Hi guys

Probably something simple but I have been stumped on this for a while now.

I am making a website for my friends Barber Shop, just a simple site but we really would like the top part to not re-size on mobile devices and keep it as it is no matter the device we look at it on.

The website is [www.oldredbarbers.com](http://www.oldredbarbers.com) as you can see at the top it has the layout he would like but he would like to keep that across all devices, the rest of the site and text that re-sizes for other devices is fine and works well.

Thanks for any help

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 14, 2015, 11:59am UTC](https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956/2 "2015-10-14T11:59:16Z")

</div>

Hey Watkinsnmc,

Welcome to the BB forums! 🙂

You can actually duplicate that row, make the first one viewable on Large devices only under the Row Settings \> Responsive Layout. On the second row, you can set it so it shows on mobile devices only, then do the layout you want to have specifically for mobile devices.

This isn’t what you asked for but if we were to disable the responsive behavior on that row, it wouldn’t look too good, i.e., the texts and logo would be next to each other with no spacing. If you do the method above, you can redesign what appears on mobile view.

Hope this helps!

Ben

---

<div class="post-metadata">

**Author:** ![watkinsnmc](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/w/e495f1/32.png) [@watkinsnmc](https://community.wpbeaverbuilder.com/u/watkinsnmc)\
**Post date:** [October 14, 2015, 12:04pm UTC](https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956/3 "2015-10-14T12:04:23Z")

</div>

Hi Ben

Thanks for the reply, I actually tried this already I can get the logo backgrouns to stay as it is on mobile by duplicating the row (the actually logo with black and cream stripes are as a whole used as the background in that column) But when I try to get the menu script which are photo modules with photoshop made script placed in them to stay the same it doesn’t work.

Cheers

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 14, 2015, 12:39pm UTC](https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956/4 "2015-10-14T12:39:56Z")

</div>

Hey Watkinsnmc,

I just visited the site again and can see that you’re almost there. What seems to be the problem with the images that you’re using as links? I can’t see them on the markup. Try putting them on the row which is visible for mobile devices and that should be it.

Ben

---

<div class="post-metadata">

**Author:** ![watkinsnmc](https://community.wpbeaverbuilder.com/letter_avatar_proxy/v4/letter/w/e495f1/32.png) [@watkinsnmc](https://community.wpbeaverbuilder.com/u/watkinsnmc)\
**Post date:** [October 14, 2015, 1:16pm UTC](https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956/5 "2015-10-14T13:16:18Z")

</div>

Managed to get it by adjusting the individual columns and padding for phone and tablet sizes and also the actual images used for the menu buttons.

Thanks for the help Ben

---

<div class="post-metadata">

**Author:** ![bencarlo](https://community.wpbeaverbuilder.com/user_avatar/community.wpbeaverbuilder.com/bencarlo/32/287_2.png) [@bencarlo](https://community.wpbeaverbuilder.com/u/bencarlo)\
**Post date:** [October 16, 2015, 6:33am UTC](https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956/6 "2015-10-16T06:33:56Z")

</div>

Glad you figured it out! Have fun with BB! 🙂

Ben

---

<div class="post-metadata">

**Author:** ![system](https://community.wpbeaverbuilder.com/uploads/default/original/2X/9/9db1b183a7ea1efa26199a2a2b3511d742473dae.png) [@system](https://community.wpbeaverbuilder.com/u/system)\
**Post date:** [April 27, 2019, 10:19pm UTC](https://community.wpbeaverbuilder.com/t/trying-to-stop-an-element-adjusting-for-mobile/4956/7 "2019-04-27T22:19:04Z")

</div>


