Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No way of showing "full" image on small screen #8

Open
pseudomonas opened this issue Mar 23, 2017 · 2 comments
Open

No way of showing "full" image on small screen #8

pseudomonas opened this issue Mar 23, 2017 · 2 comments

Comments

@pseudomonas
Copy link

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.

@rlingineni
Copy link

+1

@charly3pins
Copy link
Contributor

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants