Sticky Menu & Sticky Header

The WP Sticky Menu (or Sticky Header) On Scroll plugin allows you to make any element on your pages «sticky» as soon as it hits the top of the page when you scroll down. Although this is commonly used to keep menus at the top of your page to create floating menus, the plugin allows you to make any element sticky. Make a sticky header, stick menu, sticky widget (fixed widget), sticky logo, sticky call to action or a floating menu.

You just need to know how to pick the right selector for the element you want to make sticky, and you need to be sure it’s a unique selector. Sometimes a simple selector like «nav», «#main-menu», «.menu-main-menu-1» is enough. Other times you will have to be more detailed and use a more specific selector such as «header > ul:first-child» or «nav.top .menu-header ul.main». If you don’t like messing with any code check out out the visual element picker in WP Sticky PRO.

Возможности

• Any element can stick: although common use is for navigation menus, or header the plugin will let you pick any unique element with a name, class or ID to stick at the top of the page once you scroll past it. Use it for sticky widget, sticky sidebar, sticky header, sticky menu, sticky header, sticky call-to-action box, sticky banner ad, etc. Need to make multiple elements sticky? Check out WP Sticky PRO.
• Позиционирование сверху: при желании вы можете добавить любое количество пространства между липким элементом и верхней частью страницы, чтобы элемент не всегда застревал на «потолке» страницы.
• Включить только для определенных размеров экрана: дополнительно вы можете установить минимальный и/или максимальный размер экрана, где должна работать липкость. Это может быть удобно, если у вас есть адаптивный сайт, и вы, например, не хотите, чтобы ваш элемент был липким на небольших экранах.
• Enable only on some pages: sometimes you don’t want the element to be sticky on the entire site. WP Sticky PRO gives you the option to pick posts, pages, categories, tags and CPTs where you don’t want the element to be sticky.
• Выталкивающий элемент: при желании вы можете выбрать любой другой элемент ниже на странице, который снова подтолкнет липкий элемент вверх (например, виджет сайдбара).
• Наличие панели администратора: проверяет, есть ли у текущего пользователя панель администратора в верхней части страницы. Если это так, то липкий элемент не будет заслонять его (и не будет сам заслоняться им).
• Z-index: если на странице есть другие элементы, которые скрывают или просматривают ваш липкий элемент, вы можете легко добавить Z-индекс.
• Режим совместимости: в версии 2.0 был введен новый метод создания липких элементов. В режиме совместимости будет использоваться старый метод. Смотрите подробности в FAQ.
• Динамический режим: некоторые проблемы, которые часто появляются в отзывчивых темах, были решены путем добавления динамического режима (только в режим совместимости). Для подробной информации перейдите в FAQ.
• Режим отладки: узнайте возможные причины, по которым элемент не прилипает, переключившись на режим отладки, и сообщения об ошибках появятся в консоли браузера.

Having problems with SSL? Moving a site from HTTP to HTTPS? Install our free WP Force SSL plugin. It’s a great way to fix all SSL problems.

GDPR compatibility

We are not lawyers. Please do not take any of the following as legal advice. Sticky does not track, collect or process any user data on the front end or in the admin. Nothing is logged or pushed to any 3rd parties. We also don’t use any 3rd party services or CDNs. Based on that, we feel it’s GDPR compatible, but again, please, don’t take this as legal advice.