How to centre menu in footer on mobile?

[LS001]

Looking to centre a menu within my footer utility. For whatever reason it does not want to centre itself on the mobile display.

Any help would be greatly greatly appreciated.

Thank you.

[namicadev]

hi, you can customize on you theme. make sure you enable mobile view first. also otherwise you can add custom liquid code. I can help you with customize can you share you shopify link and password?

[Michross]

Are you comfortable with coding, it’s not to technical for you?

[namicadev]

Hi Michross, i’m enjoy with coding also. because i’m web developer. i can help you with customize your footer aswell

[LS001]

Sorry. The website is www.linesix.ca

[LS001]

I’m comfortable but I’m not well versed in it. So I’m not sure where to look or start.

[Guleria]

Hello @LS001 ,

Edit base.css and at the bottom of this file add this css

@media screen and (max-width: 768px) {

.details-content ul.list-unstyled {
justify-content: center;
}

}

[namicadev]

hi just add this. at base.css

.list-unstyled {

margin: 0;

padding: 0;

list-style: none;

justify-content: center;

}

[namicadev]

here the result. just add
justify-content: center;

[tim_1]

Do not edit your theme code.

Go to “Customize” scroll down to “Utilities” in Footer group and paste the following code into “Custom CSS” setting of the Utilities section:

.list-unstyled {
  justify-content: center;
}

Editing theme code makes theme update difficult, using “Custom CSS” does not.
Using “Custom CSS” section setting also ensures there are no side-effects elsewhere.

[devcoders]

Hi @LS001

Go to Online Store → Themes in your Shopify admin.
Click Customize to open the Theme Editor.
In the top-left corner, click the dropdown arrow (⋯) next to your theme name and select Edit Code.
Open the file Assets → base.css.
Add the following CSS code at the bottom of the file:

.list-unstyled {
justify-content: center;
}