Show info Close

Topslider

Top Slider is a hidden container with module position "topslider", it's very top above header, always hidden, and slide down when a user click an open button.

What is it for?
Any kind of module you want, which should be hidden but good visible as its click button is always top center, for example, announcment, note, warning, disclaimer, login, share buttons or any other which you think is the best place for it..

This element has the fallowing features:

1-4 parallel modules
customizing backgrounds of container and button
text fields for open and close buttons

It's not a simple demo it's interactive tool where you can try some functions without reloading the page. If you want to see some pre-set demos click the buttons below.

Demo - fixed width Demo - full width

Select any effect in the dropdown list below, and don't forget to mouse hover any image

Mouse over

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Mouse over

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Mouse over

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Click any effect below to see it in action.

Note: Here all three cards have same animation, but in admin dashboard you can configure each of card...