Public Forums 71,145 posts

[jdkock Friend jdkockJoin date: October 2011Posts: 37Downloads:7Uploads:0 Thanks: 5]

#181070

I have put an image slideshow (AutsonSlideShow) on my frontpage with 2 images (900×600) for testing. http://www.jeroendekock.com
On my desktop this look fine but when i look my site on a mobile phone, for example an iPhone, i see only a part of the slideshow.
The slideshow doesn’t scale so it fits on the display of the iPhone.

How can i fix this problem ?

[jdkock Friend jdkockJoin date: October 2011Posts: 37Downloads:7Uploads:0 Thanks: 5]

#468565

Normally i had the Template Width set to SPECIFIED (980 px).
If i now set the Template Width to AUTO, to test if my site is looking ok on a mobile device.
The site now stretch out on the desktop, so can i also set the max width in my css if i select this option.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#468736

You need to make new postion on iPhone layout and add JA Slideshow module with new position on it.

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#665654

hi I have the same problem , so… how make new postion on iPhone layout?

[dzidzuridza Friend dzidzuridzaJoin date: February 2011Posts: 76Downloads:11Uploads:12 Thanks: 49 Thanked: 3 times in 1 posts]

#746638

hi I have the same problem , so… how make new postion on iPhone layout?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#672857

<em>@dzidzuridza 489159 wrote:</em><blockquote>hi I have the same problem , so… how make new postion on iPhone layout?</blockquote>

This way will help you to create new postion in iPhone layout

+ Copy plugins/system/jat3/jat3/base-themes/default/etc/layouts/iphone.xml file

+ Paste into templates/ja_purity_ii/etc/layouts/ folder

+ Open templates/ja_purity_ii/etc/layouts/iphone.xml file

find and change

<blocks name="middle">
</blocks>
to

<blocks name="middle">
<block name="content-mass-top" style="raw">content-mass-top-mobile</block>
</blocks>

+ Create the new module and select content-mass-top-mobile position, now you can see the module shows on iphone device.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#746748

<em>@dzidzuridza 489159 wrote:</em><blockquote>hi I have the same problem , so… how make new postion on iPhone layout?</blockquote>

This way will help you to create new postion in iPhone layout

+ Copy plugins/system/jat3/jat3/base-themes/default/etc/layouts/iphone.xml file

+ Paste into templates/ja_purity_ii/etc/layouts/ folder

+ Open templates/ja_purity_ii/etc/layouts/iphone.xml file

find and change

<blocks name="middle">
</blocks>
to

<blocks name="middle">
<block name="content-mass-top" style="raw">content-mass-top-mobile</block>
</blocks>

+ Create the new module and select content-mass-top-mobile position, now you can see the module shows on iphone device.

[czoki12 Friend czoki12Join date: September 2015Posts: 51Downloads:0Uploads:0 Thanks: 29]

#721234

Hi,

In my case, slideshow works fine on Iphone and iPad, images are changing size which is really cool, but the font size is not changing at all so its out of display.
Can I add some special css to auto change the font size?

Thank You!

[czoki12 Friend czoki12Join date: September 2015Posts: 51Downloads:0Uploads:0 Thanks: 29]

#753616

Hi,

In my case, slideshow works fine on Iphone and iPad, images are changing size which is really cool, but the font size is not changing at all so its out of display.
Can I add some special css to auto change the font size?

Thank You!
worldsalesagency.com

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#721353

You can fix the problem with font-size of the description on mobile layout

Open templates/ja_nuevo/css/custom.css file and add new css style

@media (min-width: 768px) and (max-width: 979px) {
.ja-ss-desc h3 {
font-size: 35px !important;
}
}

1 user says Thank You to Ninja Lead for this useful post

1. czoki12

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#753691

You can fix the problem with font-size of the description on mobile layout

Open templates/ja_nuevo/css/custom.css file and add new css style

@media (min-width: 768px) and (max-width: 979px) {
.ja-ss-desc h3 {
font-size: 35px !important;
}
}

1 user says Thank You to Ninja Lead for this useful post

1. czoki12

[czoki12 Friend czoki12Join date: September 2015Posts: 51Downloads:0Uploads:0 Thanks: 29]

#721651

<em>@Ninja Lead 500739 wrote:</em><blockquote>You can fix the problem with font-size of the description on mobile layout

Open templates/ja_nuevo/css/custom.css file and add new css style

@media (min-width: 768px) and (max-width: 979px) {
.ja-ss-desc h3 {
font-size: 35px !important;
}
}
</blockquote>
is this css changing only the title font size?
What about the description?
Thanks.

[czoki12 Friend czoki12Join date: September 2015Posts: 51Downloads:0Uploads:0 Thanks: 29]

#753835

<em>@Ninja Lead 500739 wrote:</em><blockquote>You can fix the problem with font-size of the description on mobile layout

Open templates/ja_nuevo/css/custom.css file and add new css style

@media (min-width: 768px) and (max-width: 979px) {
.ja-ss-desc h3 {
font-size: 35px !important;
}
}
</blockquote>
is this css changing only the title font size?
What about the description?
Thanks.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#721681

With the css style below will change font size tittle and description on mobile layout

@media (min-width: 768px) and (max-width: 979px) {
.ja-ss-desc h3 {
font-size: 35px !important;
}

.ja-ss-desc {
font-size: 15px !important;
}
}

1 user says Thank You to Ninja Lead for this useful post

1. czoki12

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#753865

With the css style below will change font size tittle and description on mobile layout

@media (min-width: 768px) and (max-width: 979px) {
.ja-ss-desc h3 {
font-size: 35px !important;
}

.ja-ss-desc {
font-size: 15px !important;
}
}

1 user says Thank You to Ninja Lead for this useful post

1. czoki12

[Author]

Posts