Sidebar widget links not working at all

caused by #main-bg img

try to add z-index: -1 to the style of #main-bg img, and check what happens (don’t forget to clear the browser cache).

alchymyth
Many thanks-that has fixed the problem & the links now work again.

How did you find that #main_bg img was the problem may I ask?
Have you seen this sort of error before?
Did this show using any webdev tool as I used firebug but didn’t see any clues with that!?
I presume the fix with z-index: -1; is putting that img as a layer below another layer? I’d be really, really grateful if you could just clarify those points so I can learn the most from this.
(I don’t like CSS, oh no I love it! Or is it a love hate relationship I have with CSS?..Well not quite, for when it works for me it is very good and when it doesn’t it’s not!)

Again good work, alchymyth and thanks too for the speedy reply. This goes someway to restoring my somewhat shattered opinion of help from the forum.

How did you find that #main_bg img was the problem may I ask?

using a browser inspection tool should help with that – I personally use Firefox’ web developer add-on – the ‘CSS – display style information’ tab outlines elements when you hover over them, and displays a lot of hierarchical CSS information on click; and the ‘CSS – edit CSS’ tab allows to change the stylesheets in real-time.
(I only occasionally use Firebug or any of the ‘right click’ – ‘inspect element’ features of many other browsers).

going down to z-index: -1; was by trial-and-error;

Thanks again alchymyth
Sadly I still do not understand what caused this problem or how to detect it using tools or what the fix with z-index does to solve this!

Also the last link in the sidebar widget (My Tweets) is not working still-all the others work. What do I need to do to fix that?
Do I need to play around with the z-index value?

I do also have Developer Tools installed-if I use Inspector I see no errors. Using Error console I get a load of errors in respect to JetPack plugin and object depreciated. I also have this:

Error: Image corrupt or truncated:

I have no idea what it relates to! Hopefully I might find out or figure out and understand what happened with this!

the twitter widget problem seems to have a different cause;
this is the code from the html in the browser:
<h3 class="widget-title">Follow me on Twitter</h3><a class="twitter-timeline" data-theme="light" data-link-color="#f96e5b" data-border-color="#e8e8e8" width="225" height="400" lang="EN">My Tweets</a>

there is no link url – might be a javascript problem (?);
what plugin are you using for the twitter widget?