Display issue on mobile devices.

  • Zim1

    (@zim1)


    11 years, 4 months ago

    Hello,

    First of all, love this plugin, however, i’m encountering a problem – It all works well on the PC, but on mobile devices the width just goes off, leaving the right side. Could be a restriction on my spun template, but other Masonry/ mosaics work fine (but i prefer this one still).

    Would anyone be able to help and advise how to fix this? It seems that the width just does not adapt.

    This is my website:
    http://www.francisconoa.com/setubal/

    You can verify how it looks like on a mobile device with Google Chrome. Thanks in advance!

    https://wordpress.org/plugins/simple-masonry-gallery/

Viewing 1 replies (of 1 total)
  • Thread Starter Zim1

    (@zim1)

    11 years, 4 months ago

    i tried adding the following code in css editor:

    @media screen and ( max-width: 1200px ) {
	.site {
		width: 600px;
	}
	.single .content-area,
	.page .content-area,
	.search-no-results .content-area,
	.error404 .content-area {
		width: 100%;
	}
	.simplemasonry-item .masonry-brick .simplemasonry-container {
		Width: 400px;
	}
	.single .hentry,
	.error404 .hentry,
	.page .hentry,
	.search-no-results .no-results {
		width: 500px;
	}
	.site-info {
		line-height: 1.6;
	}
}

    But that does not affect the plugin on mobile devices at all it seems 🙁
    Can anyone check if it is possibleto make this work on mobile devices?

Viewing 1 replies (of 1 total)

The topic ‘Display issue on mobile devices.’ is closed to new replies.