[NSFW] Menu flotante en generatepress

Hola, saludos

Quería saber si me pueden ayudar a crear un menu flotante con CSS al estilo del theme orbital

Hi,

I’m not sure I understand what you mean. Can you link us to a reference site with a floating menu you want to replicate?

Let us know.

Quiero replicar este menu

Solo el menu de la versión móvil

@ejcabquina

Quiero replicar este menu

Solo el menu de la versión móvil

• This reply was modified 4 years, 1 month ago by luismojica30.

To clarify, is this the menu you’re pertaining to?
https://share.getcloudapp.com/qGulLb5Z

If so, we can replicate how it looks by using the off-canvas menu on mobile only and add this CSS:

nav.main-navigation button.menu-toggle {
    position: fixed;
    bottom: 5%;
    right: 5%;
    background-color: white;
	border-radius:100%;
	border:1px solid black;
}

nav#generate-slideout-menu {
    height: fit-content;
	bottom:calc(5% + 70px);
	top: unset;
	margin-right:20px;
  border-radius: 16px;
}

.slideout-navigation button.slideout-exit{
display:none;
}

This isn’t an exactly replication, but it should be close enough.

@ejcabquina vea como quedó el menú

Falta terminar de mejorar lo.

Por cierto en ocasiones el menu pasa por debajo de las imágenes

I’ve checked your site and it doesn’t seem to be working.

When I clicked the hamburger icon, nothing happens.

The previous CSS I’ve provided only works if you’ve enabled the Off-Canvas menu for mobile. https://docs.generatepress.com/article/off-canvas-panel-overview/

Here’s an actual demo of the CSS on Off-Canvas Menu for mobile:
https://share.getcloudapp.com/NQuKGnxk

You can check it live on this demo site’s mobile view: Demo site

Note: You can add in z-index: 999999; to nav.main-navigation button.menu-toggle so the mobile toggle button goes over the overlay.

• This reply was modified 4 years, 1 month ago by Elvin.

@ejcabquina ya está listo creo, pero el menu esta por debajo de las primeras imágenes

Hi there,

the Off Canvas Panel is a GP Premium feature – unfortunately ( and @ejcabquina maybe is not aware of this ) wordpress forum rules forbid us from providing support for Paid Plugin features.

You would need to own a current GP Premium license and ask for support in our premium support forum:

https://generatepress.com/premium/

Hola @diggeddy si tengo una licencia que me la dio un amigo, pero obviamente no me dio acceso a la cuenta para tener soporte premium.

• This reply was modified 4 years, 1 month ago by luismojica30.

Hola @ejcabquina

El Código usado fue

nav.main-navigation button.menu-toggle {
    position: fixed;
		color: #000;
    bottom: 5%;
    right: 5%;
    background-color: white;
        border-radius:100%;
 ? ? ? ? position:absolute; z-index:1;
}

nav#generate-slideout-menu {
    height: fit-content;
        bottom:calc(5% + 70px);
        top: unset;
        margin-right:20px;
  border-radius: 16px;
	background-color: white;
}

Se agregó el siguiente Código para la superposición del menú

position:absolute; z-index:1;

Gracias @ejcabquina

• This reply was modified 4 years, 1 month ago by luismojica30.
• This reply was modified 4 years, 1 month ago by luismojica30.

As i said, we are not permitted by WordPress . org to provide support for paid plugins. It is against their rules.

In order to receive support YOU must have a current license to access our premium support channel.