Collection list Heading needs to be center aligned Dawn

Technical Q&A
1

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.

Chooseyouranime.png
Chooseyouranime.png1920×1080 373 KB

footermenu.png
footermenu.png1920×1080 127 KB

footermenu2.png
footermenu2.png1920×1080 115 KB

2

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;
}
}
3

Thank you so much. Worked Perfectly.

4

hi

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

help please