Title: SuryaCreates Premium Glass Header
Author: Suryagopal Dhara
Published: <strong>20. Juli 2026</strong>
Last modified: 27. Juli 2026

---

Plugins suchen

![](https://ps.w.org/suryacreates-premium-glass-header/assets/banner-772x250.png?
rev=3615537)

![](https://ps.w.org/suryacreates-premium-glass-header/assets/icon-256x256.png?rev
=3620192)

# SuryaCreates Premium Glass Header

 Von [Suryagopal Dhara](https://profiles.wordpress.org/suryagopaldhara/)

[Herunterladen](https://downloads.wordpress.org/plugin/suryacreates-premium-glass-header.1.4.2.zip)

 * [Details](https://de.wordpress.org/plugins/suryacreates-premium-glass-header/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/suryacreates-premium-glass-header/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/suryacreates-premium-glass-header/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/suryacreates-premium-glass-header/#developers)

 [Support](https://wordpress.org/support/plugin/suryacreates-premium-glass-header/)

## Beschreibung

SuryaCreates Premium Glass Header replaces your theme’s default header with a modern,
glass-effect header bar that you can fully design from one settings screen, with
the option to override key parts on individual pages.

#### Logo

 * Upload and align your logo (left, center, or right).
 * Set an independent logo width for desktop, tablet, and mobile.

#### Glass styling

 * Background color and opacity, blur strength, and a subtle top reflection sheen.
 * Border color/opacity, shadow strength, and corner radius.
 * Independent padding for desktop, tablet, and mobile.
 * Optional outer gap for a „floating pill“ header look.

#### Sticky behavior

 * Choose Not Sticky, Sticky, or Reveal on Scroll Up.
 * Optional shrink-on-scroll effect, with its own background opacity and blur settings.

#### Desktop dropdown menus

 * Custom colors, corner radius, and shadow for submenu panels.
 * Three open animations: fade, fade + slide up, or scale in.

#### Mobile menu & toggle button

 * Default animated hamburger, or a fully custom image/GIF/SVG icon for the open
   and closed states.
 * Four toggle animation styles and three button shapes.
 * Off-canvas panel with configurable position, width, background, text color, overlay,
   and open animation.

#### Active page highlighting

 * Automatically highlight the current page’s menu item, with a choice of four highlight
   styles.

#### Per-page overrides

Every page and post gets a **„Glass Header — This Page“** box in the editor sidebar,
letting you override the desktop menu, mobile menu, toggle button shape, off-canvas
background color, sticky behavior, or hide the header entirely — without affecting
any other page.

#### Two ways to display the header

Add this to your theme right after the opening `<body>` tag:

    ```
    <?php if ( function_exists( 'scpgh_render_header' ) ) scpgh_render_header(); ?>
    ```

Or use the shortcode anywhere shortcodes are supported:

    ```
    [suryacreates_glass_header]
    ```

## Installation

 1. In your WordPress dashboard, go to **Plugins > Add New** and search for „SuryaCreates
    Premium Glass Header“ — or upload the plugin `.zip` file directly via **Plugins
    > Add New > Upload Plugin**.
 2. Activate the plugin through the **Plugins** menu.
 3. Go to **Glass Header** in the admin sidebar to design your header across the Logo,
    Glass Style, Sticky, Desktop Dropdown, Mobile Toggle, Off-Canvas, Active Page, 
    and Menus tabs.
 4. Create your menus under **Appearance > Menus**, then choose your default Desktop
    and Mobile menus in the **Menus** tab of the Glass Header settings.
 5. Output the header in your theme (see the code snippet on the settings screen), 
    or use the `[suryacreates_glass_header]` shortcode.
 6. Open any Page or Post editor to find the **„Glass Header — This Page“** box in 
    the sidebar, where you can override menus, sticky behavior, toggle shape, off-canvas
    color, or hide the header for that specific page.

## FAQ

### Do I need to edit my theme files to use this?

You’ll need to add one line to your theme’s header template (shown on the plugin’s
settings screen), or alternatively use the provided shortcode if your theme/page
builder supports shortcodes without editing template files.

### Can different pages use different menus or header styles?

Yes. Every page has a „Glass Header — This Page“ box in its editor sidebar where
you can override the desktop menu, mobile menu, toggle button shape, off-canvas 
background color, sticky behavior, or hide the header completely — independent of
your site-wide settings.

### Can I use my own icon for the mobile menu button?

Yes. Under the Mobile Toggle tab, choose „Custom Image / GIF / SVG“ and upload separate
icons for the closed and open states. There’s also a „Custom HTML + CSS Code“ option
for advanced users who want to hand-code the icon markup.

### Does this plugin track any data or connect to external services?

No. All settings are stored locally in your WordPress database and no data is sent
externally.

## Rezensionen

Zu diesem Plugin liegen noch keine Rezensionen vor.

## Mitwirkende und Entwickler

„SuryaCreates Premium Glass Header“ ist Open-Source-Software. Folgende Menschen 
haben an diesem Plugin mitgewirkt:

Mitwirkende

 *   [ Suryagopal Dhara ](https://profiles.wordpress.org/suryagopaldhara/)

[Übersetze „SuryaCreates Premium Glass Header“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/suryacreates-premium-glass-header)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/suryacreates-premium-glass-header/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/suryacreates-premium-glass-header/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/suryacreates-premium-glass-header/)
per [RSS](https://plugins.trac.wordpress.org/log/suryacreates-premium-glass-header/?limit=100&mode=stop_on_copy&format=rss).

## Änderungsprotokoll

#### 1.4.2

 * Fix: header now uses fixed-position overlay instead of sticky, removing the blank
   gap that appeared above page content on load and while scrolling. The header 
   is fully transparent to layout and sits directly over your site content.

#### 1.4.1

 * Initial public release on WordPress.org.

## Meta

 *  Version **1.4.2**
 *  Zuletzt aktualisiert **vor 3 Monaten**
 *  Aktive Installationen **weniger als 10**
 *  WordPress-Version ** 5.8 oder höher **
 *  Getestet bis **7.0.7**
 *  PHP-Version ** 7.4 oder höher **
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/suryacreates-premium-glass-header/)
 * Schlagwörter
 * [glassmorphism](https://de.wordpress.org/plugins/tags/glassmorphism/)[header](https://de.wordpress.org/plugins/tags/header/)
   [mega menu](https://de.wordpress.org/plugins/tags/mega-menu/)[mobile menu](https://de.wordpress.org/plugins/tags/mobile-menu/)
   [sticky header](https://de.wordpress.org/plugins/tags/sticky-header/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/suryacreates-premium-glass-header/advanced/)

## Bewertungen

Es wurden noch keine Rezensionen eingereicht.

[Deine Rezension](https://wordpress.org/support/plugin/suryacreates-premium-glass-header/reviews/#new-post)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/suryacreates-premium-glass-header/reviews/)

## Mitwirkende

 *   [ Suryagopal Dhara ](https://profiles.wordpress.org/suryagopaldhara/)

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

 [Support-Forum anzeigen](https://wordpress.org/support/plugin/suryacreates-premium-glass-header/)