# Hiding rules in responsive setting vs. Conditional visibility with page width

**URL:** <https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107>\
**Category:** Need help\
**Created:** [June 10, 2021, 9:49am UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107 "2021-06-10T09:49:59Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![celob185](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/celob185/32/97724_2.png) [@celob185](https://forum.bubble.io/u/celob185)\
**Post date:** [June 10, 2021, 9:49am UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/1 "2021-06-10T09:49:59Z")

</div>

Hi guys,

What would be the different between setting a hiding rules in responsive setting and doing it in conditional tab? Performance wise which one is preferable?

Thanks,

---

<div class="post-metadata">

**Author:** ![johnny](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnny/32/203020_2.png) [@johnny](https://forum.bubble.io/u/johnny)\
**Post date:** [June 10, 2021, 4:10pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/2 "2021-06-10T16:10:23Z")

</div>

Hey there @celob185,

I don’t believe there is really a difference, but I may be wrong. I usually use the hide element option in the responsive editor because then if I need to remove a rule it’ll show up on the left sidebar.

---

<div class="post-metadata">

**Author:** ![celob185](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/celob185/32/97724_2.png) [@celob185](https://forum.bubble.io/u/celob185)\
**Post date:** [June 10, 2021, 4:27pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/3 "2021-06-10T16:27:22Z")

</div>

Thanks johnny,

My feeling is just as you said, they are the same. But I would love to here confirmation from the Bubble team @josh

Best

---

<div class="post-metadata">

**Author:** ![johnny](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnny/32/203020_2.png) [@johnny](https://forum.bubble.io/u/johnny)\
**Post date:** [June 10, 2021, 5:55pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/4 "2021-06-10T17:55:00Z")

</div>

@eve, maybe you can help with confirmation?

---

<div class="post-metadata">

**Author:** ![eve](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/eve/32/48346_2.png) [@eve](https://forum.bubble.io/u/eve)\
**Post date:** [June 10, 2021, 6:16pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/5 "2021-06-10T18:16:52Z")

</div>

No performance win with one over the other, generally the same! We’re working towards deprecating the rules in the responsive tab, so conditionals are going to be the more long-term-friendly option.

---

<div class="post-metadata">

**Author:** ![johnny](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/johnny/32/203020_2.png) [@johnny](https://forum.bubble.io/u/johnny)\
**Post date:** [June 10, 2021, 6:51pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/6 "2021-06-10T18:51:34Z")

</div>

Thanks Eve! Good to know

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [June 10, 2021, 7:05pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/7 "2021-06-10T19:05:36Z")

</div>

**They have an important difference (that I hate).**

If you hide an element via the “Conditional” option, the element disappears, but the space where it was still exists. Therefore, the rest of the page elements will not realign because they will assume there is still something in that blank space.

If you hide an element via “Responsive” tab, the “blank/ghost” space disappears. And the rest of the elements will realign themselves.

I already talked about it here in the forum…

Note that I am talking about WIDTH.

---

<div class="post-metadata">

**Author:** ![cmarchan](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/cmarchan/32/253062_2.png) [@cmarchan](https://forum.bubble.io/u/cmarchan)\
**Post date:** [June 10, 2021, 7:14pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/8 "2021-06-10T19:14:18Z")

</div>

@rpetribu

Forgot about that!

You are absolutely right 👍🏻

… spent countless hours in one app back in the day … because of that 🤣 … learned about it by sweating blood 🩸 … 🤣

---

<div class="post-metadata">

**Author:** ![rpetribu](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/rpetribu/32/90852_2.png) [@rpetribu](https://forum.bubble.io/u/rpetribu)\
**Post date:** [June 10, 2021, 7:22pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/9 "2021-06-10T19:22:04Z")

</div>

> [@cmarchan](#):
>
> … spent countless hours in one app back in the day … because of that 🤣 … learned about it by sweating blood 🩸 … 🤣

Me too!!! 🤣

I made this video to ilustrate:

[https://www.loom.com/share/b4aae5a3ce994d00aedee14ccd4af0bc](https://www.loom.com/share/b4aae5a3ce994d00aedee14ccd4af0bc)

---

<div class="post-metadata">

**Author:** ![celob185](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/celob185/32/97724_2.png) [@celob185](https://forum.bubble.io/u/celob185)\
**Post date:** [June 10, 2021, 11:38pm UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/10 "2021-06-10T23:38:59Z")

</div>

Wow, this is gold.

Thanks guys!

---

<div class="post-metadata">

**Author:** ![Bruno27](https://avatars.discourse-cdn.com/v4/letter/b/76d3ee/32.png) [@Bruno27](https://forum.bubble.io/u/Bruno27)\
**Post date:** [June 11, 2021, 7:52am UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/11 "2021-06-11T07:52:50Z")

</div>

@rpetribu is totally right i spent few hours to figure out the difference too 😂 😂 😂 and this difference can be very useful in some responsive scenario!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [August 19, 2021, 9:50am UTC](https://forum.bubble.io/t/hiding-rules-in-responsive-setting-vs-conditional-visibility-with-page-width/155107/12 "2021-08-19T09:50:57Z")

</div>

Closed on August 19, 2021, 9:50am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.
