Is it a bug? hiding rule depends on the width of the parent group?

Hi guys,

so for the last week I’ve been having problems with responsiveness or maybe I don’t understand something.

So I have a group which width is set to be 895px and apply max width is set 100%. The page is set to full width 1200px.

Within the group a have group image which is right aligned, fixed width.

In responsive tab: if you set the hiding rule for the group image <= 896px or more the image will not load on the screen even though the page width is >896 px.

if you set the hiding rule for the group image <= 894px or less the the image will show up on the screen.

It is also strange as the element is getting hidden in the responsive editor even though the width of the editor is >900px :thinking:

If you do not apply max width on the parent element the image is showing correctly but it’s invisible in responsive mode.

It looks like the hiding rule apply’s to the parent element rather than the page.

Please check it out:

@J805

hey Jason could you have a quick look at this?

@bartek.dev This is the way it works. Set the page width to what you want and then click add hiding rule. The default width shown for the parent container matches the width of the parent at that page width.

You are right. I was so convinced that my app has a bug I didn’t even read the “hide when parent width”…

Thanks @eli!

1 Like

Yep :slight_smile: It’s a bit of an odd way to do it especially when you are accustomed to @media only screen (min-width: 768px)etc but it seems to work well.

Glad you got it working. :raised_hands:

That was exactly my thinking

Thanks again

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