Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #25526

    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.

    #127247

    Hi ayush_x,

    We’ll need to see the site live to be able to provide any css fixes.

    Regards,

    Devin

    #127248

    Here you can see it on http://rdhl.in/contact/

    Regards,

    Ayush

    #127249

    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

    #127250

    Is there a way to do it exclusively for the mobile version.

    Thanks

    #127251

    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

    #127252

    Nick your code helped a lot. :)

    Thx for the great support.

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Social Icon at Socket’ is closed to new replies.