NSP GK5 articles - row - desktop/responsive view

Hello
I'm setting NSP GK5 in simplicity template. The home page has 6 article and pagination active (arrow + pagination)

In desktop view I need to show the first 3 aticles in 1 row the others 3 show by clicking on pagination .
In tablet view I need 3 or 2 articles in 1 row and show the others by clicking on arro/pagination or swiping on them
In mobile view 1 article in one row and swiping/pagination for the others articles

Should I use GK5 grid and load NSP GK5 on it?

I need that becouse I have a lot of contenent in home page and I dont want to scroll in a longest page

Regards

Hi

You will need to use 2 modules for that. First will be for desktop/tablet layout and showing 1 row with 3 columns and pagination. This module should have a module class suffix " no-mobile".

Second module should have 1 row and 1 column, should be published in the same module position, but should have a module class suffix " only-mobile". Than You need to add this code to template.css:

Code: Select all

.only-mobile { display: none !important; }


and in mobile.css, this code:

Code: Select all

.only-mobile { display: block !important; }
.no-mobile { display: none !important; }