Changes on resize

TT
Thomas ThranePosted 2 years agoEdited 2 years ago
Minitek Wall Pro - Professional Subscription
Hi
I have made an override, but no core mods.
When I resize the page, the slider gets some padding at the top which makes it jump down on the page.
I can't locate this padding?

Regards
Thomas
0
#1757

6 answers

M
MinitekPosted 2 years agoEdited 2 years agoModerator
Ok, this happens because when the slides in a slider have different heights, items do not align at top but at center of the heighest slide.

In your case, the 4th slide is taller (for some screen sizes). So this means that smaller slides will align to the center of the tallest slide.

One solution is to tweak the parameters (limit title and description words) so that all items have the same height for all screen sizes.
TT
Thomas ThranePosted 2 years ago
Thank you!
Can I change it to align top?
M
MinitekPosted 2 years agoModerator
Yes you can.

You can use this css:
.mslider .mslider-item {
  top: 0;
  transform: none;
}


This will align items top for all sliders.
If you want to change only the current slider, enter a suffix at
widget > settings > layout > class suffix
and then use:
.YOUR_SUFFIX .mslider-item {
  top: 0;
  transform: none;
}

M
MinitekPosted 2 years agoModerator
I will try to add a more elegant (and easier) way to control this with a parameter.
TT
Thomas ThranePosted 2 years ago
Thank you Yannis!
M
MinitekPosted 2 years agoModerator
You're welcome Thomas :)

I would really appreciate it if you could rate the extension at Joomla Extensions Directory:
https://extensions.joomla.org/extensions/extension/photos-a-images/slideshow/minitek-slider-pro/

Search