-
Posted in : BookCard
-
I want the cover image to be different when the web site switches to app mode.
Is it possible ?
I mean the way you see the web site on mobile device.
this is my web site : http://www.fabienlequertier.fr
and when you see it in a mobile phone, the right cover is not displayed , and so it is really unaesthetic.
All right then, here are the css codes to effect the site on mobile devices.
/* ==================================================================================== */ /* TABLETS */ @media screen and (max-width: 978px) { /* Front Cover Image */ .rm-cover .cover { background-image: url( "image-url-here" ) !important; } /* Back Cover Image */ .rm-right .cover { background-image: url( "image-url-here" ) !important; } } /* ==================================================================================== */ /* TABLET PORTRAIT */ @media screen and (min-height: 800px) and (max-width: 960px) { /* Front Cover Image */ .rm-cover .cover { background-image: url( "image-url-here" ) !important; } /* Back Cover Image */ .rm-right .cover { background-image: url( "image-url-here" ) !important; } } /* ==================================================================================== */ /* PHONES */ @media screen and (max-width: 479px) { /* Front Cover Image */ .rm-cover .cover { background-image: url( "image-url-here" ) !important; } /* Back Cover Image */ .rm-right .cover { background-image: url( "image-url-here" ) !important; } } /* ==================================================================================== */
Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in and have valid license to reply to this topic.