1 reply · opened Jan 7, 2017
I have social icons in the footer of a page & it looks great on computer screens floated to the right. As the window width is decreased or the page is viewed on a small screen device - the social icons do not get centered like the other text based content - they are always floated to one side or the other. How can I make the social icons center like the other text based content on smaller screens?
Thanks
Hello,
Consider using the following CSS Code to fix this:
@media (max-width: 767px) {
#copyrights .col_half:last-child {
display: block;
margin-top: 30px;
float: none;
text-align: center !important;
}
#copyrights .col_half:last-child .fright { float: none !important; }
#copyrights .col_half:last-child .social-icon {
float: none !important;
display: inline-block !important;
}
}Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard