Joomla Templates Club 406,261 posts

[scottishalex Friend scottishalexJoin date: July 2014Posts: 1Downloads:4Uploads:0]

#199853

Hi there. I have a problem with how K2 pages with more than one column are displayed on mobile phones. Standard Joomla multi column pages change to show one column at a time – why doesn’t K2.

I am using JA Medicare and the quickstart data to test it.

I have read an article which says to add the following code to my mobile css:

.itemContainer{

width:100% !important;
}

But not sure if that’s right or, where or how to add the code.

Can someone help?

Many thanks in advance.

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#543065

Hi Alex,

Please open the root_folder/templates/ja_medicare/css/custom.css file and add this rule:

@media (max-width: 767px) { /* you can change the value to 1024px if you want to collapse in bigger monitor */
#k2Container.latestView .latestItemsContainer {
width: 100% !important;
}
}

Save your file and check again.

[Author]

Posts