with respect to “https://kriesi.at/support/topic/social-icons-in-footer-socket#post-109915”
I was able to add social icons to the footer. but when I access the site on a mobile phone the social icons overlap the copyright text.
please advice.
Hi ayush_x,
We’ll need to see the site live to be able to provide any css fixes.
Regards,
Devin
Hi,
There are only 3 ways to solve this:
1) Make the text “© Copyright – rdhl.in – Theme by Ayush” shorter by removing some of the words.
2) Make the text use a smaller font size
3) Put a <br tag before the word Theme so that Theme by Ayush will be on second line below the Copyright.
Thanks,
Nick
Is there a way to do it exclusively for the mobile version.
Thanks
Hi,
Try this. Please add it to your /css/custom.css file. If you want to change something, font size, social bookmark positioning, copyright positioning are there in the code below, but i think this will work well.
@media only screen and (max-width:400px) {
#socket {
font-size:.73em;
}
#top #socket .social_bookmarks {
right:-16px;
}
#socket .copyright {
position:relative;
left:-13px;
top: 5px;
}
}
Thanks,
Nick
Nick your code helped a lot. :)
Thx for the great support.