I would like to center the social media bookmark icons underneath the copyright text when the site is viewed on tablet and smaller screen sizes. For some reason, I cannot override the icons from left-aligning. Please help.
Center Social Bookmarks
8 posts from 2 voices-
Posted 1 year ago #
-
Hi,
Kindly edit layout.css (located in css folder). Then find this line of code:
#top #socket .social_bookmarks {position: relative;top:0;}
It's located in line 2087. Replace it with this code:
#top #socket .social_bookmarks {position: relative;top:0; float:none!important; margin-top:10px;}
Just adjust the margin-top value to increase/decrease the distance between the social media bookmark and copyright text. Hope this helps. :)Regards,
IsmaelPosted 1 year ago # -
I copied and pasted the code, but it did not work. The bookmarks remain left-aligned.
Posted 1 year ago # -
Hi,
That's weird, I have tried it on my end and its working. Can you post a link to your site?
Regards,
IsmaelPosted 1 year ago # -
Sorry, I was working locally. Here is a link to the website on the a test server: http://thinkdm2.com/website-samples/websites/labscape_site/
Posted 1 year ago # -
Hi,
Kindly replace my code above:
#top #socket .social_bookmarks {position: relative;top:0; float:none!important; margin-top:10px;}With this:
#top #socket .social_bookmarks {
position: relative;
top: 0;
float: none!important;
margin-top: 10px;
left: 50%;
margin-left: -38px;
}
Hope this solves the problem. :)Regards,
IsmaelPosted 1 year ago # -
That did it, thanks!
Posted 1 year ago # -
Hi,
Glad that I could help you. :)
Cheers,
IsmaelPosted 1 year ago #
Topic Closed
This topic has been closed to new replies.














