Sticky Sidebar #14
Interested in more sticky button demos?
Instructions
Note:
To change the position of the buttons:
– Open the settings of the parent Row Layout and click on the “Advanced” tab.
– Open the Custom CSS menu item
– Edit the code in the following place:
/*Adjust Button Position*/
transform: translate(113px,250px)!important;
->The first value 113px describes the position how far the button is hidden from the visible area. The second value describes the distance to the top.
/*Adjust Button Position Hover*/
transform: translate(0px,250px)!important;
-> The first value 0px describes the position how far the button is hidden from the visible area. The second value describes the distance to the top.
Note:
This sticky menu can be used globally in an element or as a widget in the footer of the customizer or simply on any specific page.
To use it as a widget globally do the following:
– Copy the entire row layout of the mobile menu
– Open the Customizer
– Open the Footer area
– Paste a widget into a row of the footer
– Open the widget and paste the copied row layout
Anmerkung:
Um die Position der Buttons zu ändern:
– Öffnen Sie die Einstellungen des übergeordneten Row layouts und klicken Sie auf die – Registerkarte “Advanced”.
– Öffnen Sie den Menüpunkt “Custom CSS”
– Bearbeiten Sie den Code an der folgenden Stelle:
/*Adjust Button Position*/
transform: translate(113px,250px)!important;
-> Der erste Wert 113px beschreibt die Position wie weit der Button aus dem sichtbaren Bereich ausgeblendet ist. Der zweite Wert beschreibt den Abstand nach oben.
/*Adjust Button Position Hover*/
transform: translate(0px,250px)!important;
-> Der erste Wert 0px beschreibt die Position wie weit der Button aus dem sichtbaren Bereich ausgeblendet ist. Der zweite Wert beschreibt den Abstand nach oben.
Anmerkung:
Dieses Sticky-Menü kann global in einem Element oder als Widget in der Fußzeile des Customizers verwendet werden oder einfach auf einer beliebigen spezifischen Seite.
Um es als Widget global zu verwenden gehe wie folgt vor:
– Kopiere das gesamte Row Layout des Mobil Menu
– Öffne den Customizer
– Öffne den Footer Bereich
– Füge ein Widget in eine Zeile des Footers ein
– Öffne das Widget und füge das kopierte Row Layout ein
Nota:
Para cambiar la posición de los botones, se debe ajustar el siguiente código:
– Abra la configuración del “Diseño de filas” y haga clic en la pestaña “Avanzado”.
– Abre el menú “Personalizar CSS
– Edita el código en el siguiente lugar
/*Adjust Button Position*/
transform: translate(113px,250px)!important;
-> El primer valor 113px describe la posición a qué distancia se oculta el botón del área visible. El segundo valor describe la distancia a la parte superior.
/*Adjust Button Position Hover*/
transform: translate(0px,250px)!important;
-> El primer valor 0px describe la posición a la que se oculta el botón del área visible. El segundo valor describe la distancia a la parte superior.
Nota:
Este menú adhesivo puede utilizarse globalmente en un elemento o como widget en el pie de página del personalizador o simplemente en cualquier página específica.
Para utilizarlo globalmente como widget, proceda de la siguiente manera:
– Copie todo el diseño de filas del menú móvil
– Abra el personalizador
– Abra el área Pie de página
– Pegue un widget en una fila del pie de página.
– Abra el widget y pegue el diseño de fila copiado