S5 Drop Down Panel

Top Row1 Modules

This is an example of a module published to the top_row_1 row. This row contains 6 modules, read below for a full description.

Top Row2 Modules

This is an example of a module published to the top_row_2 row. This row contains 6 modules, read below for a full description.

Details: Written by Super User; Category: Latest; Published: 13 August 2011; Hits: 1031

The S5 Drop Down Panel is a slide down panel that can be demo'd at the top of this page. The panel itself contains six module positions. You may publish any module that you wish into these positions. It comes packed with features so be sure to check out the list and screenshot below.

Note - If the responsive layout is enabled the drop down will disable when the screen size reaches 750px so that it does not interfere with the mobile menu bar

Customize almost everything! Shadows, borders, gradient, opacity
Contains 6 module positions drop_down_1, drop_down_2, drop_down_3, drop_down_4, drop_down_5 and drop_down_6
Auto adjust to the height of your content
Set your own open and close text
Auto collapse if no modules are published to it
And many more features!

Screenshot of Drop Down admin in template configuration area:

Right Inset

This is an example of a module published to the right_inset position. There is also a left_inset position and many others, be sure to read the full description.

Right

This is an example of a module published to the right position. There are also left, insets, rows, etc. positions and many others, be sure to read the full description. This is the default style that will appear for most module positions in the white body area.

This is -dark_less_padding

This is the -dark_less_padding module style and can be applied to most most module positions.

This is -less_padding

This is the -less_padding module style and can be applied to most most module positions.

This is -no_border

This is the -no_border module style and can be applied to most most module positions.

This is -no_padding

This is the -no_padding module style and can be applied to most most module positions.

This is -grey

This is the -grey module style and can be applied to most most module positions.

This is -dark

This is the -dark module style and can be applied to most most module positions.

This is -small_title

This is the -small_title module style and can be applied to most most module positions.

This is -highlight

This is the -highlight module style and can be applied to most most module positions.

Bottom Row1 Modules

This is an example of a module published to the bottom_row_1 row. This row contains 6 modules, read above for a full description.

Bottom Row2 Modules

This is an example of a module published to the bottom_row_2 row. This row contains 6 modules, read above for a full description.

Bottom Row3 Modules

This is an example of a module published to the bottom_row_3 row. This row contains 6 modules, read above for a full description.

Our Location

Our Shop Address: 11 Commerce Rd. Unit D2 Rockland, MA. 02370	Shop Hours: By Appointment Only
Our Mailing Address: 319 Centre Ave #206 Rockland, MA. 02370	Bussiness Hours: Mon - Fri 9:00 am - 5:00 pm Sat 9:00 am - 1:00 pm Sunday - Closed

Service Areas

Hingham        Duxbury
Norwell          Hanover
Cohasset       Scituate

*We also service Ft. Myers
and Naples in February-March

Satisfaction Guaranteed

Our number one goal is to make sure you are satisfied. If for some reason you are not, we will, with no hesitation, come back and try to fix any issues. We take great pride in our 5 star ratings and want you to feel like you received exceptional service every time!

Easy Online Billing

We Accept

debug

This is the default debug module style.

Sample Drop Down Module

Top Row1 Modules

Top Row2 Modules