Collection list Heading needs to be center aligned Dawn

[WearAnime]

Hi,

I need to center align the collection list heading. Please see the attached screen shot.

I also want to center align the footer menus on the mobile phone view. Please see attached screen shot. 

I have center aligned the footer menus on the desktop view but the alignment does not seem perfect and is slightly out and I would like to resolve this. Please see attached screen shot.

My URL is www.wearanime.co.uk and the password is Ihaiya

Thank you in advance for looking into this for me.

[made4Uo · Accepted solution]

Hi @WearAnime 

Thank you for providing your website. You can fix the alignment by using the code below.

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. In the Asset folder, open the base.css
3. Paste the code below at the very bottom of the file.

.collection-list-title.h2 {
    margin: auto;
}

.footer-block__details-content.list-unstyled>li:not(:last-child) {
    margin: 0;
}

@media only screen and (max-width: 768px) {
a.link.link--text.list-menu__item.list-menu__item--link {
    display: flex;
    justify-content: center;
}
}

[WearAnime]

Thank you so much. Worked Perfectly.

[Ayesha4]

hi

this has not worked to center align my collection list HEADING on my home page

help please