Joomla Templates Club 406,261 posts

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#705075

Hello,

We use Ja Slideshow Lite module on our Joomla! 3.4.4 webiste built with Ja University template. As you can see here http://www.aalisg.org/en and here http://www.aalisg.org/fr the module is displayed on our frontpages.

What we would like is to adapt the description (text and background) and eventually the navigation to fit the several screen sizes.

As you can see here https://www.responsinator.com/?url=https%3A%2F%2Fwww.aalisg.org%2Fen%2F the description is not visible on several screen sizes.

Is there a way to adapt background, description and eventually navigation (arrows) position and size to fit all screen sizes?

Please let us know.

Regards

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

#705238

Hi,

This way will help you to solve the problem on mobile layout

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

@media (max-width: 767px) {
.ja-ss-desc {
bottom: 30px;
padding: 0px;
width: 100%;
}

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


Regards

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

#751774

Hi,

This way will help you to solve the problem on mobile layout

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

@media (max-width: 767px) {
.ja-ss-desc {
bottom: 30px;
padding: 0px;
width: 100%;
}

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


Regards

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#705543

Hello and thank you for you reply,

As you can see here https://www.responsinator.com/?url=https%3A%2F%2Fwww.aalisg.org%2Fen%2F it does not seem to work very well. Are you sure of your code? You “@media” surprises me.

Regards

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#751976

Hello and thank you for you reply,

As you can see here https://www.responsinator.com/?url=https%3A%2F%2Fwww.aalisg.org%2Fen%2F it does not seem to work very well. Are you sure of your code? You “@media” surprises me.

Regards

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

#705765

Try to do this again on your site

Open templates/ja_university_t3/css/custom.css file and following code

@media (max-width: 767px) {
.ja-ss-desc {
bottom: 30px;
padding: 0px;
width: 100%;
}

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

to

@media (max-width: 767px) {
.ja-ss-desc {
bottom: 30px !important;
padding: 0px !important;
width: 100% !important;
}

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

Let me know the result

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

#752096

Try to do this again on your site

Open templates/ja_university_t3/css/custom.css file and following code

@media (max-width: 767px) {
.ja-ss-desc {
bottom: 30px;
padding: 0px;
width: 100%;
}

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

to

@media (max-width: 767px) {
.ja-ss-desc {
bottom: 30px !important;
padding: 0px !important;
width: 100% !important;
}

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

Let me know the result

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#705965

Hello and thank you for your reply,

As you can see here the result is obviously better. But with several screen sizes navigation (arrows) hidden text description.

My request was to adapt 1) background description size and position, 2) text description size and position and 3) navigation (arrows) size and position.

So my question is it possible to define these three settings regarding screen size. For example for all screen below 320 px width description background size = width 320 px and height = 100 px and position = …

Please let me know.

Regards

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#752231

Hello and thank you for your reply,

As you can see here the result is obviously better. But with several screen sizes navigation (arrows) hidden text description.

My request was to adapt 1) background description size and position, 2) text description size and position and 3) navigation (arrows) size and position.

So my question is it possible to define these three settings regarding screen size. For example for all screen below 320 px width description background size = width 320 px and height = 100 px and position = …

Please let me know.

Regards

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

#706145

@aalisg: JA Slideshow Lite module was disabled by default for mobile layout.

Your request in #5 is custom work which is limited in our support scope. I can only help with some mirror customization. For more, you should hire a developer to get it done for you.

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

#752362

@aalisg: JA Slideshow Lite module was disabled by default for mobile layout.

Your request in #5 is custom work which is limited in our support scope. I can only help with some mirror customization. For more, you should hire a developer to get it done for you.

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#706428

Hello and thank you for your reply,

O.K. You are most probably right. Sorry for the disturb.

Regards

[aalisg Friend aalisgJoin date: February 2013Posts: 130Downloads:30Uploads:7 Thanks: 2]

#752495

Hello and thank you for your reply,

O.K. You are most probably right. Sorry for the disturb.

Regards

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#723123

<em>@Ninja Lead 498564 wrote:</em><blockquote>@aalisg: JA Slideshow Lite module was disabled by default for mobile layout.
</blockquote>

I am having the same problem as OP.

Is there any way to remove the text for specific layouts? Would it work by putting custom css? Where can I find the class for that?

I just went into the Template>edit style>layout>responsive but it doesn’t give the option to disable the slideshow position in the small/extra small layout. Navhelper is disabled for extra small, so itseems like there should be a way.

[sujithpeiris Friend sujithpeirisJoin date: September 2015Posts: 42Downloads:15Uploads:0 Thanks: 17]

#753961

<em>@Ninja Lead 498564 wrote:</em><blockquote>@aalisg: JA Slideshow Lite module was disabled by default for mobile layout.
</blockquote>

I am having the same problem as OP.

Is there any way to remove the text for specific layouts? Would it work by putting custom css? Where can I find the class for that?

I just went into the Template>edit style>layout>responsive but it doesn’t give the option to disable the slideshow position in the small/extra small layout. Navhelper is disabled for extra small, so itseems like there should be a way.

[Author]

Posts