BlueOwlCreative » Topic: Centering Footer

Centering Footer

kandlproductions — Thu, 02 Feb 2017 02:17:49 +0000

I found another thread with information on centering just the copyright information but my client would like to center the social media icons as well. On mobile, the copyright and social media icons are justified right. Is it possible to center the icons above the centered copyright info on full and mobile versions?

Reply To: Centering Footer

BlueOwl — Thu, 02 Feb 2017 08:18:16 +0000

Hi there,

Sure, try this within your media query:

.footer_soc_icon {
    float: none;
}
.footer_btm_inner {
    text-align: center;
}

Reply To: Centering Footer

kandlproductions — Fri, 03 Feb 2017 00:09:19 +0000

It looks perfect on a desktop but on mobile the icons are centered and the copyright is justified right. Here’s what I have right now:

#powered {
float: none;
}
.footer_btm_inner {
text-align:center;
}

Reply To: Centering Footer

BlueOwl — Fri, 03 Feb 2017 09:00:28 +0000

You prolly didn’t place them in the correct media query as I pointed…

@media only screen and (max-width: 768px){
.footer_soc_icon {
    float: none;
}
.footer_btm_inner {
    text-align: center;
}
#powered {
float: none;
}
}

This tells it to work on screens lower than 768 px…