Center footer menu

[marketmataro]

Hello, in the footer of the web there is a menu (Quiénes somos | Política de cookies | Aviso legal | Asistencia remota) and appears aligned to the right, would that were aligned in the center of the page.

Thank you.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

#copyright nav .menu {
    float: none!important;
    margin: 0 auto;
    width: 50%!important;
}

Hope it helps.

-Rui

[marketmataro]

Thanks for your answer. Doing what you say is not centered entirely, it is slightly shifted to the left.

[Rui Guerreiro – SUPPORT]

try to adjust the width to 45%

-Rui

[marketmataro]

ok. Thanks

[David Martin – Support]

Thanks Rui.

[marketmataro]

Hello, I see that the map is centered per if you look from a mobile is very descuadrado, are created line breaks being the width of 45%. You need a way to do without it had to change the width. Thank you.

[David Martin – Support]

Glad you have this working as you need. Marking as resolved.

[marketmataro]

Hello, is not resolved, I still have the same problem, if you look now the web you will see that there are two menus, the above is a test I’ve done in code, but it is not the right way. Which should be fine it is listed below and depending on the size of the device does not look good.
Thank you.

[David Martin – Support]

Can you provide a screenshot of what you refer to and what you want to change.

– David

[marketmataro]

Here I attached an image, where it says “not correct” a menu that by making small the browser has become two lines shown. To center me to put you on the other post width can venr 45% as in the previous messages to center, as if 100% is not centered on the page. It should be like the one over red background. This red’ve done modifying code, but I prefer not to do so. Thank you.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

First you need to change this:

#copyright nav .menu {
       float: none!important;
    margin: 0 auto;
    width: 35%!important;
}

Change to this:

#copyright nav .menu {
    float: none!important;
    margin: 0 auto;
    width: 35%;
}

Then you need to add this for the smaller screens:

@media only screen and (max-width: 991px) {
#copyright nav .menu {
    width: 100%!important;
}
}

[marketmataro]

Doing this will not see any difference, is there any way to call this menu by code? Thank you.

[David Martin – Support]

Using this CSS will give you a menu as you described above, ie:

Link 1 Link 2 Link 3 Link 4