Mobile Visibility for Elements. How is this supposed to work?

Questions
1

Hi team,

I am trying to show and hide certain images on different resolutions, but when I use the visibility option, the image still takes up space in page, like it still exists there in the document flow, it is just transparent but taking up the same amount of space. So the layout is messed up because of these invisible elements taking up space.

This makes me think that this is either a bug or I have completely not understood how visibility works in Divhunt when it comes to mobile responsive design. I could not find any information at all about how mobile responsive visibility is supposed to work in Divhunt.

I tried to use media queries manually typing out the code in the CSS sections but that does not save, when I reload the page the media queries have disappeared.

Can you take a look and explain to me what is going on and how this is supposed to work?

Screen recording of what I am talking about

-Alexander

2

Hi @nextlevelbros

Using the show and hide (visibility option) does not hide element on specific breakpoint as it’s purpose is to hide element completelly and it works by setting attribute on tag hidden.

In order to hide elements on specific breakpoints you need to use CSS property display and set to none on specific breakpoint.

image
image726×422 13.1 KB

2 Likes
3

Thanks Dejan, I was wracking my head trying to find how that works. All clear now.

1 Like