- J51 News Module version 3.0.14 (only 3.0.13 is displayed in the backend; the .xml file shows an error).
When I display three posts from the same category in three columns, the view works as expected on a desktop computer. (Setting: Item Layout: "Column - Image | Text"
However, when I resize the browser window, the News Module eventually expands from one column to 3.333333%.
When I resize it to mobile view, it's reduced to 1% and becomes unreadable.
Workaround:
I copied the following code into the custom.css template style to adjust the display in the tab and mobile view:
@media only screen and (min-width: 960px) and (max-width: 1280px) {
.j51news966 .newsitem {width:30.00300030003% !important;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.j51news966 .newsitem {width:100% !important;}
}
@media only screen and ( max-width: 767px ) {
.j51news966 .newsitem {width:100% !important;}
}
@media only screen and (max-width: 440px) {
.j51news966 .newsitem {width:100% !important;}
}