# Hide Element on Mobile Only - Not Working

**URL:** <http://community.tradly.app/t/hide-element-on-mobile-only-not-working/1922>\
**Category:** Customisation\
**Tags:** editor\
**Created:** [27 April 2024 18:09 UTC](http://community.tradly.app/t/hide-element-on-mobile-only-not-working/1922 "2024-04-27T18:09:54Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jrosenthal.ma](http://community.tradly.app/letter_avatar_proxy/v4/letter/j/87869e/32.png) [@jrosenthal.ma](http://community.tradly.app/u/jrosenthal.ma)\
**Post date:** [27 April 2024 18:09 UTC](http://community.tradly.app/t/hide-element-on-mobile-only-not-working/1922/1 "2024-04-27T18:09:54Z")

</div>

![WhatsApp Image 2024-04-27 at 1.58.36 PM](https://community.tradly.app/uploads/default/original/1X/34c4581c075cf4810b8cbb38462e5b8d21126ec6.jpeg)  
I’m trying to hide an element on mobile only, by using the “Display: None” layout option. in the desktop WSIWYG mobile layout viewer, the element does not render (as desired), however on my mobile browser, the element renders after a few seconds. Screenshots are attached. Interestingly, this USED to work fine, before I changed this element to a new image.  
 ![Screenshot 2024-04-27 140031](https://community.tradly.app/uploads/default/original/1X/6b91682c010612b91382c3733a79f7d1058bf5a3.png)  
 ![Screenshot 2024-04-27 140054](https://community.tradly.app/uploads/default/original/1X/9eff9ec13bf545e0c2c52527bb66a527e0c69609.png)

---

<div class="post-metadata">

**Author:** ![AhsaUllah](http://community.tradly.app/letter_avatar_proxy/v4/letter/a/c5a1d2/32.png) [@AhsaUllah](http://community.tradly.app/u/AhsaUllah)\
**Post date:** [27 April 2024 19:52 UTC](http://community.tradly.app/t/hide-element-on-mobile-only-not-working/1922/2 "2024-04-27T19:52:18Z")

</div>

Hey there,

It seems like the responsiveness is breaking because of the large logo on mobile devices. Have you tried using a smaller logo or resizing it specifically for mobile screens? We noticed that the header isn’t displaying properly on smaller devices.

Give it a shot, and if it doesn’t fix things, let us know. We’re here to help sort out the issue further if needed!

---

<div class="post-metadata">

**Author:** ![jrosenthal.ma](http://community.tradly.app/letter_avatar_proxy/v4/letter/j/87869e/32.png) [@jrosenthal.ma](http://community.tradly.app/u/jrosenthal.ma)\
**Post date:** [27 April 2024 20:24 UTC](http://community.tradly.app/t/hide-element-on-mobile-only-not-working/1922/3 "2024-04-27T20:24:02Z")

</div>

Thanks for the clarification. Can you advise the best way to resize it to display clearly on mobile?

---

<div class="post-metadata">

**Author:** ![jrosenthal.ma](http://community.tradly.app/letter_avatar_proxy/v4/letter/j/87869e/32.png) [@jrosenthal.ma](http://community.tradly.app/u/jrosenthal.ma)\
**Post date:** [27 April 2024 20:58 UTC](http://community.tradly.app/t/hide-element-on-mobile-only-not-working/1922/4 "2024-04-27T20:58:57Z")

</div>

Actually, the image only seems to render after I scroll to the bottom of the page. At the same time, the header logo also resizes to be unreadably small.

---

<div class="post-metadata">

**Author:** ![jrosenthal.ma](http://community.tradly.app/letter_avatar_proxy/v4/letter/j/87869e/32.png) [@jrosenthal.ma](http://community.tradly.app/u/jrosenthal.ma)\
**Post date:** [28 April 2024 14:17 UTC](http://community.tradly.app/t/hide-element-on-mobile-only-not-working/1922/5 "2024-04-28T14:17:39Z")

</div>

Ok, ive managed to sort it out. Thank you for your advice!