Title: Hide and Seek Header
Author: mark l chaves
Published: <strong>2020年3月31日</strong>
Last modified: 2022年12月18日

---

プラグインを検索

![](https://ps.w.org/hide-and-seek-header/assets/banner-772x250.jpg?rev=2271564)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://ps.w.org/hide-and-seek-header/assets/icon-256x256.jpg?rev=2271564)

# Hide and Seek Header

 作者: [mark l chaves](https://profiles.wordpress.org/mlchaves/)

[ダウンロード](https://downloads.wordpress.org/plugin/hide-and-seek-header.1.4.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/hide-and-seek-header/#description)
 * [レビュー](https://ja.wordpress.org/plugins/hide-and-seek-header/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/hide-and-seek-header/#installation)
 * [開発](https://ja.wordpress.org/plugins/hide-and-seek-header/#developers)

 [サポート](https://wordpress.org/support/plugin/hide-and-seek-header/)

## 説明

_Built for Avada by ThemeFusion_

Hide and Seek Header frees up more space for a web page by hiding the sticky header
when scrolling down. The sticky header will reappear when scrolling back up to make
site navigation easier.

#### Features

 * Hides the sticky header on scroll down **only**.
 * Option to disable on mobile (devices smaller than 800px wide—the Avada default).
 * Option to enable fade animation on hiding.
 * Option to enable landing page mode. The plugin hides the standard header (non-
   sticky) so only the sticky header displays on scrolling up.
 * Option to decrease scroll-up sensitivity. Helpful for reducing flicker on touch
   screens.
 * Super simple install. Two steps and your done.
 * Cleans up the database on uninstall.
 * Lightweight—about 30 KB zipped.

### Usage

Your site must be using Avada by ThemeFusion. The plugin settings are under **Settings
> Hide and Seek Header**.

#### Disable on Mobile

By default, the plugin will hide headers for all devices. Check **Disable on mobile?**
to keep the header visible on small devices. The current default breakpoint is `
800px`.

Uncheck to hide the header on all devices.

#### Enable Animation

The animation is disabled by default. Check **Enable animation?** to turn on a `
0.5 second` fade-out effect when the header begins to disappear.

#### Enable Landing Page Mode

Check **Landing page mode?**, if you want to hide the standard top header and menu
on page load. This is great for minimising distractions.

Click **Save all changes** to save your options.

### Disclaimer

The Hide and Seek Header plugin and its author are not affiliated with Avada or 
ThemeFusion in any way.

## スクリーンショット

[⌊Preview of the plugin in action. Sticky header disappears on scroll down. Reappears
on scroll up.⌉⌊Preview of the plugin in action. Sticky header disappears on scroll
down. Reappears on scroll up.⌉[

Preview of the plugin in action. Sticky header disappears on scroll down. Reappears
on scroll up.

[⌊Plugin settings page.⌉⌊Plugin settings page.⌉[

Plugin settings page.

[⌊Landing page mode. No distracting header or menu on page load.⌉⌊Landing page mode.
No distracting header or menu on page load.⌉[

Landing page mode. No distracting header or menu on page load.

[⌊Scroll-up sensitivity setting. This will delay the reappear slightly to avoid 
annoying flicker on touch screens.⌉⌊Scroll-up sensitivity setting. This will delay
the reappear slightly to avoid annoying flicker on touch screens.⌉[

Scroll-up sensitivity setting. This will delay the reappear slightly to avoid annoying
flicker on touch screens.

## インストール

 1. Upload the plugin zip file to the `/wp-content/plugins/hide-and-seek-header` directory,
    or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress

## FAQ

### Will this plugin work for other themes?

Version 1.0.1 was built for Avada. It hasn’t been tested with other themes. Please
fork a copy and change it to work for other themes, if wanted.

### Can I change the mobile breakpoint?

Yes. You can write custom CSS to override the media query for the `.hideandseek-
hide-down` class.

### Can I change the default fade-out animation?

Yes. You can write custom CSS to override the animation style and timing in the `.
hideandseek-hide-down` class.

Below is the CSS it would take to increase the animation duration and responsive
breakpoint at the same time.

    ```
    /* Custom disable for devices smaller than 1024px. */
    @media screen and (max-width: 1023.998px) {
        .hideandseek-hide-down {
          visibility: visible !important;
          opacity: 1 !important;
          transition: none !important;
        }
    }

    /* Custom fade increase to 5.5 seconds. */
    @media screen and (min-width: 1024px) {
        .hideandseek-hide-down {
          visibility: hidden;
          opacity: 0;
          transition: visibility 5.5s, opacity 5.5s linear !important;
        }
    }
    ```

## 評価

![](https://secure.gravatar.com/avatar/5eba82187f5b3bb898da2e72a5b6ea95b89c72d2f64b9feaa577877a308068a3?
s=60&d=retro&r=g)

### 󠀁[did not work on phlox theme](https://wordpress.org/support/topic/did-not-work-on-phlox-theme/)󠁿

 [Sepi](https://profiles.wordpress.org/sepicompanywork/) 2022年1月31日 2 replies

did not work on phlox theme theme:phlox builder:elementor looks like it works with
avada theme

![](https://secure.gravatar.com/avatar/b94397600d03b4458b3b618d8a721aad8eeca8f80e163eb5786f2e6a647a86ee?
s=60&d=retro&r=g)

### 󠀁[Not working on my site](https://wordpress.org/support/topic/not-working-on-my-site-50/)󠁿

 [iuliu2](https://profiles.wordpress.org/iuliu2/) 2021年9月26日

Is not working at all on my website.

![](https://secure.gravatar.com/avatar/5e1c43d5811684a4bb883dad878cdd15db718e12f97b53baa82a8658dcd1d165?
s=60&d=retro&r=g)

### 󠀁[Great Plugin – Thanks a lot](https://wordpress.org/support/topic/great-plugin-thanks-a-lot-10/)󠁿

 [wpejay](https://profiles.wordpress.org/wpejay/) 2020年5月11日 1 reply

This Plugin is really great and works very well with Avada.

![](https://secure.gravatar.com/avatar/9d89540d2ee6900bb9c7c23b7b777b069d7069000895c2884ac7a1ccbea20eb5?
s=60&d=retro&r=g)

### 󠀁[Really awsome plugin for Avada](https://wordpress.org/support/topic/really-awsome-plugin-for-avada/)󠁿

 [kevinsu0201](https://profiles.wordpress.org/kevinsu0201/) 2020年4月26日 1 reply

Really awsome plugin for Avada. I've used it on my own site. Works pretty good! 
Simple, slim but really meets my expectation.

![](https://secure.gravatar.com/avatar/c2bdb2a80df623df4129a0f5371c1bbb6042bd7e406a04f389046c95df09202c?
s=60&d=retro&r=g)

### 󠀁[Best in Class | Works Like a Charm!](https://wordpress.org/support/topic/best-in-class-works-like-a-charm/)󠁿

 [AeroStar](https://profiles.wordpress.org/jetxpert/) 2020年3月31日 1 reply

Great plugin. Works like a charm. Thank you so much!

 [ 5件のレビューをすべて表示 ](https://wordpress.org/support/plugin/hide-and-seek-header/reviews/)

## 貢献者と開発者

Hide and Seek Header はオープンソースソフトウェアです。以下の人々がこのプラグイン
に貢献しています。

貢献者

 *   [ mark l chaves ](https://profiles.wordpress.org/mlchaves/)

[“Hide and Seek Header” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/hide-and-seek-header)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/hide-and-seek-header/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/hide-and-seek-header/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/hide-and-seek-header/)
を [RSS](https://plugins.trac.wordpress.org/log/hide-and-seek-header/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.4.0

 * Removed beta label for sensitivity setting.
 * Tested on WordPress 5.7.
 * Tested on Avada 7.3.

#### 1.3.0

 * Fixed: If mobile menu is open, large space is left on scroll down.
 * Removed extra space left by hidden header on landing page mode. See the associated
   [GitHub issue](https://github.com/marklchaves/hide-and-seek-header/issues/12)
   for more details.
 * Removed extra space when using slider in parallax mode. However, you’ll need 
   too increase height of slider by height of header to off set the negative margin
   from Avada. E.g., If the height slider image is 849px and the height of header
   is 84, then the slider’s final height should be set to 933px. This is described
   on the parallax setting and in the Avada docs.
 * Could **not** reliably repro active pointer events when header is hidden (even
   with mega menu). But, disabled pointer events in CSS when header is hidden to
   be extra sure. See the related [GitHub issue](https://github.com/marklchaves/hide-and-seek-header/issues/11)
   for more details.
 * Tested on Avada 6.2.2 and 6.2.3.

#### 1.2.0

 * Added scroll-up sensitivity to reduce flickering (appear/reappear) of sticky 
   header on touch screens. (beta)
 * Refactored admin page so that setting fields line up better.
 * Added DB clean up of options on uninstall.

#### 1.0.1

 * Reverted CSS to original v 0.0.1 code. Version 1.0 CSS for no animation broke
   formatting for headers 2-5.

#### 1.0.0

 * First release. Tested on Avada 6.2.1 and 6.2.2.

## メタ

 *  バージョン **1.4.0**
 *  最終更新日 **4年前**
 *  有効インストール数 **80+**
 *  WordPress バージョン ** 5.3.2またはそれ以降 **
 *  検証済み最新バージョン: **6.1.15**
 *  PHP バージョン ** 7.2またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/hide-and-seek-header/)
 * タグ
 * [avada](https://ja.wordpress.org/plugins/tags/avada/)[css](https://ja.wordpress.org/plugins/tags/css/)
   [header](https://ja.wordpress.org/plugins/tags/header/)[html](https://ja.wordpress.org/plugins/tags/html/)
   [themefusion](https://ja.wordpress.org/plugins/tags/themefusion/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/hide-and-seek-header/advanced/)

## 評価

 5つ星中4つ星

 *  [  3 5-星レビュー     ](https://wordpress.org/support/plugin/hide-and-seek-header/reviews/?filter=5)
 *  [  1 4-星レビュー     ](https://wordpress.org/support/plugin/hide-and-seek-header/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/hide-and-seek-header/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/hide-and-seek-header/reviews/?filter=2)
 *  [  1 1-星レビュー     ](https://wordpress.org/support/plugin/hide-and-seek-header/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/hide-and-seek-header/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/hide-and-seek-header/reviews/)

## 貢献者

 *   [ mark l chaves ](https://profiles.wordpress.org/mlchaves/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/hide-and-seek-header/)

## 寄付

このプラグインが今後も改善できるよう応援しませんか ?

 [ このプラグインに寄付 ](https://ko-fi.com/marklchaves)