VISIT AND LIKE OUR PAGE ON FACEBOOK
TAKE A LOOK AT OUR TWEETS ON TWITTER
SUBSCRIBE TO THE JOOMFREAK RSS FEED
CHECK OUT OUR PAGE ON GOOGLE +
VISIT OUR CHANNEL ON YOUTUBE

Account Details

Change your name, email, password or permanently delete your account. Change settings

We offer several ways you can get support from our experts: Support ForumKnowledgebaseNewsletter

Your Forum Posts

No posts to display.

Welcome, Guest
Username Password: Remember me
  • Page:
  • 1

TOPIC: Responsive behavior

Responsive behavior 20 Aug 2013 16:28 #2797

Hi,

I installed your JF slideshow on a responsive template and everything works as expected in a PC browser. On the contrary, when browsing with a mobile the height of the images is not resized proportionally with the width.

The test site is www.new.papermakeit.com

What could it be? The template producer cannot help...

Thank you very much
Claudio
Last Edit: 20 Aug 2013 16:30 by ClaudioP.

  • Posts:3
  • ClaudioP
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Responsive behavior 22 Aug 2013 08:42 #2803

Update: indeed there is the same behaviour in pc browser. If I reload the page in a reduced width all images are loaded as it was in a full size. Then single images are rescaled (only the width) to fit the reduced browser windows and so all images are stretched.

Many thanks
Claudio

  • Posts:3
  • ClaudioP
  • Fresh Boarder
  • OFFLINE
  • Karma: 0

Re: Responsive behavior 22 Aug 2013 10:10 #2807

I see everything wihtout any problems...

  • Posts:502
  • theres no place like joomfreak.com
  • m.freak
  • Platinum Boarder
  • OFFLINE
  • Karma: 0

Re: Responsive behavior 22 Aug 2013 16:15 #2817

Ahhh.. that's because you saw just few seconds after the template producer added some code in custom css. I added a couple of lines more:

@media only screen and ( max-width: 767px ) {
#mod_jfslideshow_wrapper, .box_skitter img {
height: 168px !important;
}}
@media only screen and ( max-width: 767px ) {
#mod_jfslideshow_wrapper, .box_skitter image {
height: 168px !important;
}}
@media only screen and (max-width: 440px) {
#mod_jfslideshow_wrapper, .box_skitter img {
height: 115px !important;
}}
@media only screen and (max-width: 440px) {
#mod_jfslideshow_wrapper, .box_skitter image {
height: 115px !important;
}}

Anyway I still see some flickering between transitions and later I'll try to add the same code for the clone box.

I'll let you know.

Claudio

  • Posts:3
  • ClaudioP
  • Fresh Boarder
  • OFFLINE
  • Karma: 0
  • Page:
  • 1
Time to create page: 0.46 seconds

joomfreak is not affiliated with or endorsed by the Joomla Project or Open Source Matters.
The Joomla logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.