simple portfolio

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support elviiso

    (@elviiso)

    Hi @jorgelim

    Kindly add the CSS below to the Custom CSS section of that particular gallery if you want it to have 2 rows on mobile devices:

    /* Force two columns on screens 480px or smaller for simple portfolio */
@media only screen and (max-width: 480px){
	.foogallery.fg-simple_portfolio .fg-item {
		margin: 5px !important; /* Change the gutter size */
		/* Change the width so two columns are displayed. 
		The 20px value is the gutter multiplied by 2 
		as it is displayed on the left and right of the item. */
		width: calc(50% - 10px) !important;
		min-width: calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
	}
}

    Try this and let me know if it helps.

    Kind regards,
    Elvis.

    Thread Starter jorgelim

    (@jorgelim)

    @elviiso

    Oh, I’m satisfied with the results I tried. On mobile, it comes out exactly in 2 columns.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘simple portfolio’ is closed to new replies.