How to align footer menue in center in mobile version?

[marcelp]

How to align footer menue in center in mobile version? Everything else in the footer should be centered too.

I would also like to make the newsletter box and font smaller. Any code is apreciate

Thank you

URL: https://www.cotiereofficial.com/

pw: test1234

Theme: Symmetry

[DelightCart]

@marcelp

Please follow up below steps. May this help you.

1. Go to online store > themes > actions > edit code
2. Find Assets > style.css and paste below CSS at the bottom of the file

.section-footer__lower-menu__list
{
text-align: center !important;
}

[suyash1]

@marcelp - add this css to the very end of your styles.css file and check

@media screen and (max-width:749px){
.section-footer__lower-menu__list {text-align: center;}
}

[marcelp]

This does not work for the mobile version! I need the code for the mobile version not desktop.

[marcelp]

This does not work for the mobile version! I need the code for the mobile version, not the desktop.

[suyash1]

@marcelp - my give code above will work for mobile ONLY, you can check screenshot with code

[Halothemes]

Hi @marcelp ,

You can try follow the instruction below:

1. Go to Online Store → Theme → Edit code.
2. Assets-> /styles.css. Paste code below into end the file.

@media (max-width: 767px){
ul#country-list-footer {
    margin: 0 0 0 -40% !important;
    padding: 0 !important;
}
.section-footer__localization .selectors-form {
    display: block !important;
}
#pagefooter {
    text-align: center !important;
}
.signup-form__inline-container input {
    padding: 5px 12px 11px  !important;
}
}

[marcelp]

Sorry but It does not work. It is still not centered on the mobile phone.

[marcelp]

Sorry, but It does not work. It is still not centred on the mobile phone.

[marcelp]

Hi Suyash1, thank for you help but unfortenatly this code did not work for the mobile version. Nothing really change. Any Idea`?

[marcelp]

Hi Epixelng, thank for your help but the code did not fix it. Any idea?