Menu icon Foundation
Visibility Classes

Hi,
I am using visibility classes. When i am using class show-for-medium-down, my content gets displayed even in 1024. Class description says "Visible from 768px down". Then how can my content gets displayed at 1024 px also?
plz help me.

Regards,
Pravin

visibility

Hi,
I am using visibility classes. When i am using class show-for-medium-down, my content gets displayed even in 1024. Class description says "Visible from 768px down". Then how can my content gets displayed at 1024 px also?
plz help me.

Regards,
Pravin

Ruan Hanekom about 5 years ago

Hey,

Have a look at the breakpoints here:

http://foundation.zurb.com/docs/media-queries.html

The "medium" visibility class applies to 641px - 1024px.

So if you have "show-for-medium-down" your content will be visible for all devices except those with a width of 1025px.

Where are you seeing "Visible from 768px down"?

Cheers

Peterpp about 5 years ago

Hi Ruan,

Thanx for your reply.

In foundation 4 docs, description of 'show-for-medium-down' class is gives as visible from 768px down. That means when i am using this class, my content should be visible only below 768px. Am i right?
My query is that when i am applying 'show-for-medium-down' class to one div, my content also gets displayed on 1024 also. According to description of class, my div class should not get displayed on 1024.

Regards,
Pravin

Thomas Janotta about 5 years ago

Are you working in 4 or 5? In FD5 they changed the medium to 1024 and below. Which is sad, as some content would fit side by side on 1024, but fit under eacht other in 768. So you have to add different media querie behaviour for 1024 and 768.
.-(

Peterpp about 5 years ago

I am working on foundation 4.