Plugin / SV Sticky Menu
Andrey SvyatovetsDescription
Description
Small but functional plugin for transforming horizontal top menu to fixed on top when scrolling. Plugin supports dynamic responsive content, dynamicly stop and restore functionality. Can hide other objects when converting, i.e. the sticked menu can look different.
Identification of sticked object based on CSS selector.
Features
- The ability to exclude objects when the menu is sticked. This makes it possible to create a different display of menus in different states.
- In the sticked menu, you can add a logo image with a link.
- To transform from one state to another have been created a series of animations that you can select in the settings.
- In the settings, you can change the background color for a sticked menu, which will further distinguish its two states. Also in the settings you can specify the presence and color of a shadow for a sticked menu. This will give the site a more three-dimensional look.
Settings list
- CSS Selector class or id – Main field for set the identifier of class name in CSS standard. By default in themes ‘Twenty Ten’ or ‘Twenty Fourteen’ used ‘.navbar’.
- CSS Selector for hiding objects – Field for set the identifier(s) of class(es) in CSS standard for objects that need hide while menu is sticky.
- Set background color – Checkbox for activating the background color.
- Background color of sticky object – The control for selecting the background color if it is activated.
- Opacity – Opacity of the sticked menu.
- Minimum media width – Field for set media width for deactivating sticking menu in responsive themes.
- Select transition – Field for selecting transition type from the list. Now plugin support five transition: Slide, Fade, Scale, Rotate, Skew and Custom. For Custom transition plugin includes file plugins/sv-sticky-menu/css/style.css. As examples this file has some preset transitions but you can include yours own.
- Start position – Field used for Slide transition and indicated start sliding position. By default starting position is -55 pixels.
- Transition time – Field to set the time of transition. By default 0.4 second.
- Z-index of object – In several cases menu can hide benease other objects. Thet’s mean that z-index menu is to low. By default this field has value 99.
- Show shadow – Checkbox for activating the menu shadow.
- Shadow color – The control for selecting the shadow color if it is activated.
- Shadow opacity – The control for input of the shadow opacity.
- Show logo – Checkbox for activating the logo in the sticked menu.
- Logo image – The control for selecting the logo image from media library.
- Logo height – The control for set the logo image height.
- Logo URL – The control for set the logo URL.
Themes where plugin was tested
The plugin has been tested with several themes:
* Twenty Ten 2.3
* Twenty Fourteen 2.0
* Storefront 2.2.3
* Bluestreet 1.2.2
* Rara Academic 1.0.8
* Bakes And Cakes 1.1.1
* Wallstreet 1.7.7.4
Tested on
- PC Chrome
- PC Firefox
- PC Opera
- PC IE11
Ratings
Rating breakdown
DIRECTORY DISCLAIMER
The information provided in this THEME/PLUGIN DIRECTORY is made available for information purposes only, and intended to serve as a resource to enable visitors to select a relevant theme or plugin. wpSocket gives no warranty of any kind, express or implied with regard to the information, including without limitation any warranty that the particular theme or plugin that you select is qualified on your situation.
The information in the individual theme or plugin displayed in the Directory is provided by the owners and contributors themselves. wpSocket gives no warranty as to the accuracy of the information and will not be liable to you for any loss or damage suffered by you as a consequence of your reliance on the information.
Links to respective sites are offered to assist in accessing additional information. The links may be outdated or broken. Connect to outside sites at your own risk. The Theme/Plugin Directory does not endorse the content or accuracy of any listing or external website.
While information is made available, no guarantee is given that the details provided are correct, complete or up-to-date.
wpSocket is not related to the theme or plugin, and also not responsible and expressly disclaims all liability for, damages of any kind, arising out of the use, reference to, or reliance on, any information or business listed throughout our site.