hugrid icon indicating copy to clipboard operation
hugrid copied to clipboard

No way of showing "full" image on small screen

Open pseudomonas opened this issue 7 years ago • 2 comments

Expanding a thumbnail on a small screen leads to showing the title/description/button, but no full image (or link to full image or anything.) This seems to be the case both on mobile devices and on desktop windows sized to be narrow.

pseudomonas avatar Mar 23 '17 21:03 pseudomonas

+1

rlingineni avatar Dec 09 '17 22:12 rlingineni

Hi, I've checked the css that is used for show/hide the detail image and it's using @media queries. This code is the specific one:

@media screen and (max-width: 650px) {
	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }	
}

So, you can create your custom css in a new file (f.e.: css/extra1.css) and add this block there:

@media screen and (max-width: 650px) {
	.og-fullimg {
		display: block !important;
	}
	.og-details {
		float: left !important;
		width: 50% !important;
	}
}

You can also modify the width and the text display etc.. but this is the main idea.

Hope it helps.

charly3pins avatar May 23 '18 21:05 charly3pins