Why am I unable to see my Facebook and LinkedIn links?

  • 1
  • Question
  • Updated 4 years ago
  • Answered
  • (Edited)
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members.

on the home page of http://www.janobaghoumian.com/ I added to images at the bottom for linking them to the relevant external links although in preview they work after publishing non of them work.
Can you tell me why?
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes

Posted 4 years ago

  • 1
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
You mean the Linked In and Facebook social media buttons? The FB button worked perfectly and went straight to your page:



Haven't tried the Linked In, as I don't use it. The link however goes to the registration page for me, so I would guess that it is also functional.
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
I tried in CHROME and IE and even FIREFOX non of them works.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
They're all working on those links for me. Have you tried going straight to your FB page through your browser? Wondering if there's an issue there?

If there's still an issue, try clearing your browser's cache and retry.
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
yes of course I go to my facebook page all the time using all my browsers.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
OK try clearing your browser's cache and retry.

Then ry this link: https://www.facebook.com/janobaghoumian?fref=ts

Make sure to logout of your FB page before trying.
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
your link works, but still those social media buttons on my home page are not link even the cursor do not become pointer on them as usually does on other links.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
That link is what I copied directly from your button. Are you using the published site for your trial or the sitebuilder page? (I suspect the sitebuilder page link may not be effective).
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
I am working in site builder and publish it from there.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Try the link on your published site but not the sitebuilder.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
yes my final check is always from the published site, in this case site builder works but published site doesn't.
Photo of Sanja

Sanja

  • 10698 Posts
  • 495 Reply Likes
Hi Negar,

I am able to replicate what you're seeing. I believe it's because of the neg. margins you've used on your widget. It's causing the trigger to be obscured as the widget underlays the sidebar. If you remove the negative margins, you should see the FB link working again.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Although I totally changed the way I was using them and used a table and there is no negative margin, for some reason still my facebook and linkedin dont work, could you kindly please check and see if it's the same for you? and if yes, why?  http://www.janobaghoumian.com/ 
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Still 2 of my newly created social media links don't work Facebook and Linkedin, although all are created the same way. Please help.
Photo of Laura Thomas

Laura Thomas

  • 4536 Posts
  • 211 Reply Likes
They all work for me Negar however the Facebook image seems like only part of the image is clickable. When I mouse over it the tool tip only appears on the right hand side of the image.
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
For me neither facebook, nor linked in do not work.
It's good that works for you but why only top right corner, please check my codes, and kindly help me understand what's wrong that you see it that way and I see it this way? It should be the same for all and work everywhere, shouldn't it?
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
For me neither facebook, nor linked in do not work.
It's good that works for you but why only top right corner, please check my codes, and kindly help me understand what's wrong that you see it that way and I see it this way? It should be the same for all and work everywhere, shouldn't it?
Photo of Laura Thomas

Laura Thomas

  • 4536 Posts
  • 211 Reply Likes
Hi Negar,

I do suspect there is a problem with your code which is why it's not working properly for you. Again, we don't suggest using custom code and are focusing our efforts on redesigning your website without it. As such I suggest either nesting custom panel widgets or requesting a code review from our community members or elsewhere.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Hello Negar,

The issue with your social icons is multi-fold:

  • Placement
Currently the FB and Linked-in icons themselves are behind another DIV within your pages. This means that the cursor doesn't get to them. It's like they are behind an invisible barrier. Also it isn't constant and depends on the users monitor settings and screen size.

  • Fixed position:
The way they are set up now is at the bottom of your content. This means that if 2 pages have different amounts of content down the page, then the icons will appear at different positions on the page. The solution to this is to fix them in an absolute position. This is possible but it will depend on the layout of your new pages. For that you need to wait until Yola redesign the structure of your site. 

  • Icon size inconsistency.
Your icons are of slightly different sizes. This means that the icons although appearing to be the same size have a transparent area around some aspects of their edges and as such these areas can be reactive when moused over. You need to edit these image files so that they have the identical dimensions. Remember that transparent areas in a PNG file are also part of the dimension. The best way of editing these is with a graphics program such as Photoshop or GIMP. 

  • Code for icons.
Table code is not the best way to create the structure of a row of images for your social icons. The recommended way is to use CSS.

All this can be best addressed once your site structure has been reviewed and redesigned.
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Thanks for your explanations, with your help I fixed the issue.
I appreciate your time for discovery and explanation.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I really, really, think that is best to not do anything yet!

Your site is still being fixed and it is possible that any changes you make before the site is complete will cause similar problems. It will be best if you are patient until Yola finishes the job that they have started.
Photo of Laura Thomas

Laura Thomas

  • 4536 Posts
  • 211 Reply Likes
Thanks Gop, we appreciate that but Negar is fine to carry on with his current site. Because things kept changing there we have opted to show him a version of his site that we are creating in a separate account. When we are finished we'll transfer it into his account and he will then be able to decide if it suits his needs or if he'd prefer to carry on with the heavily coded site he has currently.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I understand Laura. Thanks.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Using CSS to place your social icons in the true footer.

To your CSS over-rides place this code:

.social-icons {    position: relative;
    left: 200px;
    float: left;
    width: 31px;
    height: 31px;
    margin: 1px;
    border: none;  
}

Into your Tracking Footer area place the HTML.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Using CSS to place your social icons in the true footer.

  • To your CSS over-rides place this code:
.social-icons {    position: relative;
    left: 250px;
    float: left;
    width: 31px;
    height: 31px;
    margin: 1px;
    border: none;  
}

  • Into your Tracking Footer area place the HTML.
<div class="social-icons"><a href="https://www.facebook.com/janobaghoumian"; target="_blank"> <img src="resources/facebook.png" width="31" height="31"" alt="Connect with me on facebook"></div>
<div class="social-icons"><a href="https://www.linkedin.com/pub/jano-baghoumian/b8/a80/526"; target="_blank"><img src="resources/linkedin.png" width="31" height="31"" alt="Connect with me on facebook"></div>
<div class="social-icons"><a href="https://twitter.com/JanoEon"; target="_blank"><img src=" resources/tweeter.png" width="31" height="31" alt="Follow me on twitter"></div>
<div class="social-icons"><a href="https://myspace.com/janoeon"; target="_blank"><img src=" resources/myspace.png" width="31" height="31" alt="Come to myspace"></div>
<div class="social-icons"><a href="https://plus.google.com/107997722698630918533/posts"; target="_blank"><img src=" resources/google-plus.png " width="31" height="31" alt="Join my network on google+"></div>


  • To Navigate to your Tracking Footer area:
Site ➠ Site Tracking Code ➠ Footer Code
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Thanks a lot, I wish we could do the same for the header too.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
I hadn't finished. Please see the complete solution immediately above.

I'm not sure what you mean by header?

Do you mean your page title?
J A N O  B A G H O U M I A N
         musician composer .

Header is something different and I can't see any headers in your site.
(Edited)
Photo of Negar

Negar

  • 97 Posts
  • 3 Reply Likes
Yes that's what I mean, but I think I should be patient until being advised for the entire site. Thanks a lot again.
Photo of Gop

Gop

  • 7473 Posts
  • 2115 Reply Likes
Yes. I agree!
Eureka moment!
(Edited)