Joomla Templates Club 406,261 posts

[orsomannaro Friend orsomannaroJoin date: January 2008Posts: 241Downloads:32Uploads:18 Thanks: 1 Thanked: 3 times in 1 posts]

#732315

I have a “Latest News” module in homepage. The module is configured to show 4 news.

The problem concern the smartphone view of the 3 columns below the first one.

With a small screen this 3 columns become very tight. I would like to see them one below the other.

How can I achieve that?

Thank you.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#754605

Hi,

You can with my tweak here:

+ Open templates/ja_magz/css/custom.css file

+ Add new rule

@media (max-width: 767px) {
.focus-articles .latest-items li {
width: 100% !important;
}
}

Hope it helps

Regards

[orsomannaro Friend orsomannaroJoin date: January 2008Posts: 241Downloads:32Uploads:18 Thanks: 1 Thanked: 3 times in 1 posts]

#755430

It works great!

Thank you!

[Author]

Posts