Demo - Header Notification Bar for Joomla

By changing the module settings and applying them, you can see how the module behaves and how it affects the layout and appearance. You can experiment with different configurations and find the best settings for your needs.

Test Mode

OFF ON

Notification Position

Distance from Top (px)

Distance from Bottom (px)

Appear on

Scroll Amount

Use

Cookie Expires in Days

Message

Button Text

Button URL

Button Target

Enable Scheduling

OFF ON

Start Date

End Date

Time Restriction

OFF ON

Start Time

End Time

User Group Targeting

OFF ON

User Groups

Guest Message

Typography

Font Family

Size

Unit

Weight

Transform

Style

Decoration

Line Height

Unit

Letter Spacing

Styling Mode

Predefined Theme Custom Styling

Predefined Theme

Theme Editor

Theme Preview

This is a sample notification message to preview the theme styling.

Action Button

Theme CSS Editor

Edit the CSS below to customize the selected theme. The preview above will update in real-time.

Notification Bar Style

Shadow color of bar

Background Color of Bar

Bar Padding

Text Color of Bar

Text Size

Text Align

Hide Close Button

No Yes

Button Settings

Button Color

Button Hover Color

Button Text Color

Button Text Size

Button Radius

Button Class

Animation Type

Animation Speed

Animation Delay (ms)

Enable Analytics

OFF ON

Analytics Type

Tracking ID

Container ID

Custom Analytics Code

Track Events

View

Button Click

Close Bar

Event Category

Module Class Suffix

Add Extra CSS

Custom JavaScript

Load via AJAX

OFF ON

Header Notification Bar

Play with the Module Settings

Typography

Theme Preview

Theme CSS Editor

Company

Services

Support

Terms

Mobile Menu

Header Notification Bar

Play with the Module Settings

Typography

Theme Preview

Theme CSS Editor

Company

Services

Support

Terms

Mobile Menu

Login to your account