Amazinf menu in the footer e-commerce

Hi there,

you could create the 'menu bar' using the Block Element:

https://docs.generatepress.com/article/block-element-overview/

And the Generate Blocks plugin to create a Container Block with a row of Buttons:

https://wordpress.org/plugins/generateblocks/

In the Block Element you would choose the Hook > generate_after_footer

If you give the Container Block > Setting > Advanced > Additional CSS of:

hide-on-desktop mobile-navigation

Then add this CSS to fix it to the bottom of the browser:

@media(max-width: 769px) {
    .mobile-navigation {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10000;
    }
    body {
        margin-bottom: 80px; /* change this value to height of mobile nav */
    }
}

I don't know hot to do:

If you give the Container Block > Setting > Advanced > Additional CSS of:

Okey, I Have done.

Will be possible to add some image/icon in the buttons and change the color?

Regards,

I want to add to a white background!

Each of the GB Blocks has full styling controls.
This documentation provides an overview of each of them:

https://docs.generateblocks.com

Thanks!

I have changued things, but I want to make it less high, like the half, how cani i do that? with css

Can you link us to the page in question so we can see what you have currently?

Yes, here you have!

https://corteastur.es/

Sorry which page and section should I be looking at?

Everything on the page in linked except header, navigation and page hero is coming from Elementor.

Hi!

It is in the mobile footer. I have created it with your blocks!

I want to delete the button Martin and reduce de top margin.

Regards,

Try reducing the 40px padding added in the container block first:
https://www.screencast.com/t/jEfZlPwZBszR

The case is that in mi CSS code there isn't that padding

ok, done.

Regards!!!

Not sure why you need to write CSS for that as those are options:
https://docs.generateblocks.com/article/container-overview/#spacing