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: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.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.
User avatar
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?
User avatar
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.
User avatar
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.
User avatar
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?
User avatar
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:
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.
User avatar
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?
User avatar
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.
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.