COMMUNITY FORUM

Force single column on small screens in responsive

Start
Prev
1
Next
End

Manuel Kuhs
Topic Author
Offline
New Member

11 years 6 months ago #111904 by Manuel Kuhs

Force single column on small screens in responsive was created by Manuel Kuhs

Hi,

I'm not entirely sure whether this is a K2 issue or a custom template issue, but I was wondering if it is possible for K2 to detect a small screen (e.g. phone) and change all multi columns to single columns.

E.g. a Category page that lists items in multiple columns should show the items in a single column on a small screen.

Please Log in or Create an account to join the conversation.

Albert
Offline
Senior Member

11 years 6 months ago - 11 years 6 months ago #111905 by Albert

Replied by Albert on topic Re: Force single column on small screens in responsive

@media (max-width: 480px) {
div.itemContainer { width: 100% !important;}
}

Which template?

Please Log in or Create an account to join the conversation.

Itay Maor
Offline
New Member

11 years 5 months ago #111906 by Itay Maor

Replied by Itay Maor on topic Re: Force single column on small screens in responsive

Al ... thank you! it's working!
Can you or somebody explain about "@media"?

Please Log in or Create an account to join the conversation.

Start
Prev
1
Next
End