{"id":342996,"date":"2026-07-20T16:11:17","date_gmt":"2026-07-20T16:11:17","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/suryacreates-premium-glass-header\/"},"modified":"2026-07-27T14:50:47","modified_gmt":"2026-07-27T14:50:47","slug":"suryacreates-premium-glass-header","status":"publish","type":"plugin","link":"https:\/\/sk.wordpress.org\/plugins\/suryacreates-premium-glass-header\/","author":23524747,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.4.2","stable_tag":"1.4.2","tested":"7.0.4","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"SuryaCreates Premium Glass Header","header_author":"Suryagopal Dhara","header_description":"A premium, fully customisable glassmorphism site header \u2014 logo control, sticky behaviour, per-page menus, animated mobile toggle (image\/GIF\/SVG), off-canvas menu styling, desktop dropdown design and full glass\/transparency control, all with per-device settings.","assets_banners_color":"ffffff","last_updated":"2026-07-27 14:50:47","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/suryacreates.com\/suryacreates-premium-glass-header","header_author_uri":"https:\/\/suryacreates.com\/","rating":0,"author_block_rating":0,"active_installs":0,"downloads":158,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.4.1":{"tag":"1.4.1","author":"suryagopaldhara","date":"2026-07-20 16:11:03"},"1.4.2":{"tag":"1.4.2","author":"suryagopaldhara","date":"2026-07-27 14:50:47"}},"upgrade_notice":{"1.4.2":"<p>Fixes a layout gap above the header caused by sticky positioning; header now overlays content directly.<\/p>","1.4.1":"<p>Initial public release.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3620192,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3620192,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":3615537,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.4.1","1.4.2"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"The Glass Header settings screen \u2014 Glass Style tab.","2":"The Mobile Toggle configuration tab, with custom icon upload.","3":"The \"Glass Header \u2014 This Page\" per-page override box in the editor sidebar."}},"plugin_section":[],"plugin_tags":[196519,1431,6276,6274,10213],"plugin_category":[],"plugin_contributors":[272205],"plugin_business_model":[],"class_list":["post-342996","plugin","type-plugin","status-publish","hentry","plugin_tags-glassmorphism","plugin_tags-header","plugin_tags-mega-menu","plugin_tags-mobile-menu","plugin_tags-sticky-header","plugin_contributors-suryagopaldhara","plugin_committers-suryagopaldhara"],"banners":{"banner":"https:\/\/ps.w.org\/suryacreates-premium-glass-header\/assets\/banner-772x250.png?rev=3615537","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/suryacreates-premium-glass-header\/assets\/icon-128x128.png?rev=3620192","icon_2x":"https:\/\/ps.w.org\/suryacreates-premium-glass-header\/assets\/icon-256x256.png?rev=3620192","generated":false},"screenshots":[],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<h4>Logo<\/h4>\n\n<ul>\n<li>Upload and align your logo (left, center, or right).<\/li>\n<li>Set an independent logo width for desktop, tablet, and mobile.<\/li>\n<\/ul>\n\n<h4>Glass styling<\/h4>\n\n<ul>\n<li>Background color and opacity, blur strength, and a subtle top reflection sheen.<\/li>\n<li>Border color\/opacity, shadow strength, and corner radius.<\/li>\n<li>Independent padding for desktop, tablet, and mobile.<\/li>\n<li>Optional outer gap for a \"floating pill\" header look.<\/li>\n<\/ul>\n\n<h4>Sticky behavior<\/h4>\n\n<ul>\n<li>Choose Not Sticky, Sticky, or Reveal on Scroll Up.<\/li>\n<li>Optional shrink-on-scroll effect, with its own background opacity and blur settings.<\/li>\n<\/ul>\n\n<h4>Desktop dropdown menus<\/h4>\n\n<ul>\n<li>Custom colors, corner radius, and shadow for submenu panels.<\/li>\n<li>Three open animations: fade, fade + slide up, or scale in.<\/li>\n<\/ul>\n\n<h4>Mobile menu &amp; toggle button<\/h4>\n\n<ul>\n<li>Default animated hamburger, or a fully custom image\/GIF\/SVG icon for the open and closed states.<\/li>\n<li>Four toggle animation styles and three button shapes.<\/li>\n<li>Off-canvas panel with configurable position, width, background, text color, overlay, and open animation.<\/li>\n<\/ul>\n\n<h4>Active page highlighting<\/h4>\n\n<ul>\n<li>Automatically highlight the current page's menu item, with a choice of four highlight styles.<\/li>\n<\/ul>\n\n<h4>Per-page overrides<\/h4>\n\n<p>Every page and post gets a <strong>\"Glass Header \u2014 This Page\"<\/strong> 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 \u2014 without affecting any other page.<\/p>\n\n<h4>Two ways to display the header<\/h4>\n\n<p>Add this to your theme right after the opening <code>&lt;body&gt;<\/code> tag:<\/p>\n\n<pre><code>&lt;?php if ( function_exists( 'scpgh_render_header' ) ) scpgh_render_header(); ?&gt;\n<\/code><\/pre>\n\n<p>Or use the shortcode anywhere shortcodes are supported:<\/p>\n\n<pre><code>[suryacreates_glass_header]\n<\/code><\/pre>\n\n<!--section=installation-->\n<ol>\n<li>In your WordPress dashboard, go to <strong>Plugins &gt; Add New<\/strong> and search for \"SuryaCreates Premium Glass Header\" \u2014 or upload the plugin <code>.zip<\/code> file directly via <strong>Plugins &gt; Add New &gt; Upload Plugin<\/strong>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu.<\/li>\n<li>Go to <strong>Glass Header<\/strong> 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.<\/li>\n<li>Create your menus under <strong>Appearance &gt; Menus<\/strong>, then choose your default Desktop and Mobile menus in the <strong>Menus<\/strong> tab of the Glass Header settings.<\/li>\n<li>Output the header in your theme (see the code snippet on the settings screen), or use the <code>[suryacreates_glass_header]<\/code> shortcode.<\/li>\n<li>Open any Page or Post editor to find the <strong>\"Glass Header \u2014 This Page\"<\/strong> box in the sidebar, where you can override menus, sticky behavior, toggle shape, off-canvas color, or hide the header for that specific page.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20to%20edit%20my%20theme%20files%20to%20use%20this%3F\"><h3>Do I need to edit my theme files to use this?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"can%20different%20pages%20use%20different%20menus%20or%20header%20styles%3F\"><h3>Can different pages use different menus or header styles?<\/h3><\/dt>\n<dd><p>Yes. Every page has a \"Glass Header \u2014 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 \u2014 independent of your site-wide settings.<\/p><\/dd>\n<dt id=\"can%20i%20use%20my%20own%20icon%20for%20the%20mobile%20menu%20button%3F\"><h3>Can I use my own icon for the mobile menu button?<\/h3><\/dt>\n<dd><p>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.<\/p><\/dd>\n<dt id=\"does%20this%20plugin%20track%20any%20data%20or%20connect%20to%20external%20services%3F\"><h3>Does this plugin track any data or connect to external services?<\/h3><\/dt>\n<dd><p>No. All settings are stored locally in your WordPress database and no data is sent externally.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.4.2<\/h4>\n\n<ul>\n<li>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.<\/li>\n<\/ul>\n\n<h4>1.4.1<\/h4>\n\n<ul>\n<li>Initial public release on WordPress.org.<\/li>\n<\/ul>","raw_excerpt":"A fully customizable glassmorphism header \u2014 sticky behavior, per-page menu overrides, animated mobile toggle, and off-canvas styling.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/342996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=342996"}],"author":[{"embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/suryagopaldhara"}],"wp:attachment":[{"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=342996"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=342996"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=342996"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=342996"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=342996"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sk.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=342996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}