Joomla Templates Club 406,261 posts

[many00 Friend many00Join date: September 2014Posts: 6Downloads:2Uploads:0]

#872161

Hi

I’ve been trying to get http://www.vasahalsoklinik.se slideshow to have the same behaviour on different screeensizes/browsers (but it has like a different behaviour for each one)

Slide1 (I solved to with a costum module having a picture that has 100% width) Couse if i use a hero with no text it doesnt obey the "height" and only shows half the picture. (If there is a hero setting i can use instead, that would work?)

Slide2-7
Works kinda how i want on big screens, but how do i get on smaller screens that the slideshow resize the slides like how it gets on slide1, so not half the faces are showing etc? Is there a setting iam missing?

And if i want to have text effect on, then the button slides down and gets hidden on smaller screens.

And the buttons on 2-7 doesnt seem to work on safari/apple. (Atleast ive been told on certain devices it just go back to the main page)

Cheers.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#872432

Try each slide module set to Full screen = NO.

[many00 Friend many00Join date: September 2014Posts: 6Downloads:2Uploads:0]

#872434

They all are.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#872442

Which ACM module(s) are you using?

Try Container Slideshow Style 1 and for the actual slides Hero Style 1 and so long as your slide items background images are of identical width and height they should work better. Also use same text in all buttons if possible.

[many00 Friend many00Join date: September 2014Posts: 6Downloads:2Uploads:0]

#872444

Container slideshow : style-2 and Hero : Style 1

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#872449

Are ALL Hero background images of same dimensions? 1920 x 1080 is recommended.

[many00 Friend many00Join date: September 2014Posts: 6Downloads:2Uploads:0]

#872453

Hmm.. I rather get another template then to use Slideshow style 1.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#872456

That’s just the one I use 🙂 Container Style 2 behaves the same wrt slide items as far as I know.

Tim

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#872461

There does seem to be a weird difference on small screen sizes. When the Theme is set to Light (aka Dark Title text) the left alignment is not obeyed, and Title + Button are sort of centered. Bug?

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#872489

If you need dark text you can get around this problem by using a little tag before the Title and Intro text such as below: But may not work if your site is strictly HTML 5 only.

<font color="grey">

Tim

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#872514

I’ve just noticed that one of the slide images I use that is similar to your (2-7) is 1280 high, not 1080.

See screen grab below. You can see it live at http://uber-biz.composestore.com

---

Attachments:

1. 

[many00 Friend many00Join date: September 2014Posts: 6Downloads:2Uploads:0]

#872688

It defently works better with 1920×1280 but still the behaviour is kinda off.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#872881

Well done. I think you’ve got it as good as you can get it now. Below is 360 px wide phone screen. If you use Firefox browser and Tools menu > Web Developer > Responsive Design View you can easily see how the resizing goes in steps. The image and the text + button are on different layers. There is both resizing and some cropping going on at different stages. Cropping your original images to keep the faces nearer to the top would help in some tablet size views.

Tim

---

Attachments:

1. 

[many00 Friend many00Join date: September 2014Posts: 6Downloads:2Uploads:0]

#873152

I really want it to be as simple as the costume module i made for slide 1 but i want to be able to add text..

I’ll probobly be looking for another extension/template :/

And still the slidebuttons gets "over" the herobutton so when people want to click on the herobutton they change the slide. (On small screens) i cant have that either.

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#873497

I would omit the slide controls and run on Auto set to 5000 milliseconds. No text to read on small screens other than Title.

[Author]

Posts