Mobile layout

[Halvard]

Hi, I use post grid on my front page to list courses. It looks good on desktop, but the size of the courses are really big on mobile and tablet. The size of the course pictures becomes really big. Is it possible to reduce the size? Front page: https://www.nettbasertekurs.no/   Thank you for your help!  

[H.K. Latiyan]

In the grid settings there is the width setting, reduce or set the smaller width  there and save changes. Let me know if this helps.

[Halvard]

Ah, it was that easy! Thank you :) One more question, now the course list is touching the edge of the screen on the left. How can i move it the centre?

[H.K. Latiyan]

You can try using this css in your appearance->customize->custom css:

@media (max-width:768px){

ul.grid.masonry {margin-left:37px;}

}

[Author]

Posts