Talon - center align footer links

Hi there,

http://staging.aromytherapy.com/

I am trying to center align the links in my footer but am running into difficulty getting the text to be centered properly.

Here’s the custom code I used to change it from the default footer to what I have now but I don’t think I’ve gone about it in the best way:

#footer-menu{
display: block;
width: 1200px;
text-align: center;
}
.site-info {
display: none;
}

Any suggestions for the right way to go about it?

Thanks for your help!
Taylor

Hi there,

Please replace your CSS code in above using this:

#footer-menu{
    display: block;
    width: auto;
    text-align: center;
}
.site-info {
    display: none;
}

Then add this new CSS code:

.footer-navigation {
    width: 100%;
}

Regards,
Awan

Hi Awan,

That worked perfectly! Thanks so much.

One other question I had was about the site title in the header ‘aRomyTherapy’

The size of the font displaying aRomyTherapy on all pages other than the home page is too large when viewing from a mobile phone.

Can you let me know what CSS I would need to have it stay at the home page size throughout all the pages?

Thank you!

Hi,

Please try this to fix the issue:

@media (max-width: 991px) {
  .site-title {
    font-size: 24px !important;
  }
}

Regards,
Awan