New Landing How can we help? Themeforest Theme Support Pinpoint Social Icons Not Displaying Correctly

Viewing 12 posts - 1 through 12 (of 12 total)
  • Posted in: Pinpoint
  • #3655
    sunshine
    Member
    Post count: 39

    Hi,

    I’ve noticed a couple of problems with the social icons:

    1) Desktop: occasionally when you hover over the icons, the left side of the first icon gets cut off – I’ve seen this happen on the main Pinpoint site too.

    2) Mobile: Similar effect but displays permanently.

     

     

     

    #3667
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Hi,

    Can you please let me know:

    – what theme version you’re using
    – what browser (desktop and mobile) does this happen in
    – your WordPress version and if you have active plugins
    – did you make any code customizations to the theme?

    I’m asking because I just tested and I don’t get that behavior at all.

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

    #3730
    sunshine
    Member
    Post count: 39

    Hi,

    – Pinpoint theme: v1.5.

    – Desktop browser: Chrome.

    – Mobile browser: Safari iPhone5 – looks perfectly fine on iPad Mini though.

    – WordPress: v3.5.1 plus the plugins in the screenshot.

    I did have some custom CSS code but tried without and the same problem occurred.

    Thanks

    #3903
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Tested with Chrome and was able to see the issue on our demo.

    I’ll assign this to Ed since it’s a small Chrome/Webkit browser bug that can be fixed in a future update.

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

    #4035
    sunshine
    Member
    Post count: 39

    That’s great.

    Any ideas on the problem with the mobile/iphone version as posted in the picture? I’m not 100% sure but think that it looked fine before the recent theme update. However, your demo appears fine on the iphone…

    #4149
    Cosmin – SUPPORT
    Member
    Post count: 3851

    For the issue in the image, check what custom CSS you’ve added. It’s also possible one of the plugins is adding some CSS that’s overriding ours.

    Regards,
    ————————————————————————————————————

    Cosmin
    Support Assistant

    #4166
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    The hover issue looks to be an issue with the css transition. We can set the opacity not to fade if you’d prefer?

    Unable to see the mobile issue though, can you provide a link to your site?

    – Ed

    #4240
    renaud
    Member
    Post count: 1

    I am having the same issue. Up until the latest update it worked fine on my iPhone 5 in Safari. The social icons look fine on a larger screen (my laptop) but on my phone they are shifted out of place. I appreciate your help. http://macobgyn.com

    #4249
    sunshine
    Member
    Post count: 39

    @renaud Yes, I checked your site and that’s exactly the same problem that I’ve been having on the iPhone/Safari setup  – I’ve not been able to test it on other mobile devices though.

    #4350
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi there,

    It seems you have an old version of this file – http://macobgyn.com/mac/wp-content/themes/pinpoint/images/[email protected]

    I’ve attached a zip of the new files for you to add to the /pinpoint/images directory. These were included in the last update – how did you update?

    – Ed

    #4407
    sunshine
    Member
    Post count: 39

    That seems to have fixed the mobile version. The problem still exists on the desktop version though – how do I disable the hover effect?

    #4485
    Cosmin – SUPPORT
    Member
    Post count: 3851

    Try this custom CSS:

    ul.social-icons:hover li, ul.social-icons-small:hover li {
      opacity: 1 !important;
    }

    Regards,

    ————————————————————————————————————

    Cosmin
    Support Assistant

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register