No images on low resolution (Samsung S2 for example)
Amazing Joomla template for sharing your apps with responsive and super detailed design
Rate this topic: 1.00 out of 6 based on 1 vote(s)
- GK User
- Fri Oct 18, 2013 3:26 pm
- Reply with quote
- Report this post
Hi
If you try to open the Bluap demo on a galaxy S2 (and i suppose other phones as well), there are no images in in GK4 image show. If you turn the phone to landscape modus, the images do appear however. It seems that the images are not resized properly at normal modus.
If you try to open the Bluap demo on a galaxy S2 (and i suppose other phones as well), there are no images in in GK4 image show. If you turn the phone to landscape modus, the images do appear however. It seems that the images are not resized properly at normal modus.
-
- Fresh Boarder
- GK User
- Fri Oct 18, 2013 3:35 pm
- Reply with quote
- Report this post
Could You please post an url to your site?
-
- Moderator
- GK User
- Fri Oct 18, 2013 11:33 pm
- Reply with quote
- Report this post
Cyberek wrote:Could You please post an url to your site?
Hi,
Well, my site is not public yet, but the demo on your site does not show the images either on a galaxy S2 (and other phones). Just look at http://demo.gavick.com/joomla25/bluap/ on a galaxy s2 resolution. There are no images in the GK4 slideshow. Only in landscape modus the mages appear.
-
- Fresh Boarder
- GK User
- Sat Oct 19, 2013 9:09 am
- Reply with quote
- Report this post
Ok, Ill post that as a bug to our devteam.
-
- Moderator
- GK User
- Sat Oct 19, 2013 10:05 am
- Reply with quote
- Report this post
Ok.
So what will happen next? When will I be able to use the (fixed) template/GK4 module?
So what will happen next? When will I be able to use the (fixed) template/GK4 module?
-
- Fresh Boarder
- GK User
- Sat Oct 19, 2013 6:31 pm
- Reply with quote
- Report this post
Ok, it seems that it is done by purpose. If You open your site in browser and resize its width to small size, they disappear also.
Please edit: /templates/gk_bluap/css/override.css and add at its end:
It will bring the image back on very small screens, the only problem is, it looks bad on them so it Was removed for screen resolutions under 420px.
Remember to enable "CSS override" in template settings - advanced section.
Please edit: /templates/gk_bluap/css/override.css and add at its end:
- Code: Select all
/* Header for really small screens */
@media (max-width: 420px) {
.gkIsWrapper-gk_bluap .figure > div:first-child {
display: block;
}
}
It will bring the image back on very small screens, the only problem is, it looks bad on them so it Was removed for screen resolutions under 420px.
Remember to enable "CSS override" in template settings - advanced section.
-
- Moderator
- GK User
- Mon Oct 21, 2013 6:52 pm
- Reply with quote
- Report this post
Thanks for the answer.
Unfortunately it does not work. I have enabled 'override css'. The override works, because I put some other stuff in it which does work.
Any suggestions?
Unfortunately it does not work. I have enabled 'override css'. The override works, because I put some other stuff in it which does work.
Any suggestions?
-
- Fresh Boarder
- GK User
- Mon Oct 21, 2013 6:55 pm
- Reply with quote
- Report this post
Without online access, I cant help much more. Perhaps try forcing !important.
-
- Moderator
8 posts
• Page 1 of 1