Joomla Templates Club 406,261 posts

[dfirsching Friend dfirschingJoin date: January 2010Posts: 48Downloads:16Uploads:2 Thanks: 12 Thanked: 5 times in 3 posts]

#205630

I am having trouble getting the JA Slideshow on JA Biz to work properly for small screen sizes. This includes:
(1) image resizing
(2) text size for labels
(3) text styling for the stack of options (ja-slide-thumb).

Where do I make these adjustments?

Thanks!

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

#567598

The mobile layout is very small and this module was hidden by default for a better look. If you still want to show it, you can try with my tweak as below:

Open templates/ja_biz/css/custom.css file and add new rule

@media (max-width: 767px) {
.ja-slidewrap .ja-slide-buttons {
margin-top: -31px !important;
}

.ja-slidewrap .maskDesc {
bottom: 10px !important;
right: initial !important;
}
}

Hope it helps

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

#732708

The mobile layout is very small and this module was hidden by default for a better look. If you still want to show it, you can try with my tweak as below:

Open templates/ja_biz/css/custom.css file and add new rule

@media (max-width: 767px) {
.ja-slidewrap .ja-slide-buttons {
margin-top: -31px !important;
}

.ja-slidewrap .maskDesc {
bottom: 10px !important;
right: initial !important;
}
}

Hope it helps

[hooftman Friend hooftmanJoin date: October 2014Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#568022

I want to make the navigation buttons disappear for the smaller devices. You know any code for that?

Thanks in advance

[hooftman Friend hooftmanJoin date: October 2014Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#733128

I want to make the navigation buttons disappear for the smaller devices. You know any code for that?

Thanks in advance

[hooftman Friend hooftmanJoin date: October 2014Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#568026

never mind, this worked:
@media (max-width: 767px) {
.ja-slidewrap .ja-vertical_left {
visibility:hidden;
}
}

[hooftman Friend hooftmanJoin date: October 2014Posts: 23Downloads:0Uploads:7 Thanks: 6 Thanked: 1 times in 1 posts]

#733132

never mind, this worked:
@media (max-width: 767px) {
.ja-slidewrap .ja-vertical_left {
visibility:hidden;
}
}

[dfirsching Friend dfirschingJoin date: January 2010Posts: 48Downloads:16Uploads:2 Thanks: 12 Thanked: 5 times in 3 posts]

#568086

I actually did get it to work with a number of adjustments. The one trick that I don’t see mentioned here was to put the css code in custom.css under the local folder as opposed to just the regular custom.css file. Apparently the slideshow overrides things otherwise.
And yes, I had to hide the stacked menu items, suppress the “More”, adjust the slide label size, and gt the images to resize; also had to readjust where I had moved the search module. But all OK now, thanks!

[Author]

Posts