Canvas Support

social icons disaligns after clicking on it

1 reply · opened Sep 23, 2016

Ssicnarf033Sep 23, 2016

Hello,

I am trying to place my social icons in the middle of the footer and when I found a solution by using inline-block, it centers it but whenever I click on the link (usually happens on the second click) and go back to the page, the icon misaligns. I have attached an image and code block below. 


			

				

					

						[
		          
		          
		        ](https://www.facebook.com)

						[
		          
		          
		        ](https://twitter.com/)

						[
		          
		          
		        ](https://www.linkedin.com/)

						[
		          
		          
		        ](https://wordpress.com/)

						

						[ info@info.com](mailto:info@info.com) ·
						[ 844-555-5555](tel://844-555-5555) ·
						[ 415-555-5555](tel://415-555-5555)

						

						Copyrights © 2016 R. R. Donnelley & Sons Company. All rights reserved.

						
							[Privacy Policy](/privacy-policy.html)
SSemicolon WebSTAFFSep 24, 2016

Hello,

We really apologize about this bug. Please Open style.css file and find the following code: 

.inline-block {
    float: none !important;
    display: inline-block !important;
}

and replace it with: 

.inline-block {
    float: none !important;
    display: inline-block !important;
    vertical-align: top;
}

This should definitely fix the issue. 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