Triggering a popup from a navigation menu item is easy to do.
Create the popup
- First, create your pop-up window.
- At Advanced tab of the Popup Settings, add a class name (with the previous point) in the Open by selector field. For this example, we will enter .break free
- Now publish the popup and configure the Display conditions. If the menu is in a site-wide header, set the Display Conditions to Whole site. If the menu is on a specific page, set the Display Conditions on that specific page (Singular> Pages> find and select your page).
- Make sure that No Triggers or Advanced rules are configured for your pop-up window.
Edit the menu item
- A continuación, edite su menú de WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, plus ubicado en Appearance> Menus.
- Open the Display option tab located in the upper right corner.
- Check the Clases CSSConcepto de CSS¿Qué es el CSS?CSS es un lenguaje de programación que se usa para definir el estilo y el aspecto de un documento que se ha escrito mediante de un lenguaje de etiquetas, como HTML. Conocido además como hojas de estilo en cascada, es el que se emplea para dar colores, indicar tipos de letra o inclusive resaltar aspectos como el espacio entre items para dotar de estilo a plus box. This will allow you to add a CSS class to any menu item.
- Edit the menu item that will activate the popup.
- Add the name of the class you assigned in the pop-up window in the CSS Classes field for that menu item (without the dot above). For this example, we will enter break free
That's! Now when a user clicks the Release Now menu item, the pop-up they designed will be activated.
