Hi Devin, problem solved, everything now working, the sites host has the worlds worst default settings!
you can mark this thread as resolved, thanks

Hi Yigit, I applied the css you sent me but unfortunately it did not change anything!

Hi Peter, thanks for getting back to me, I applied the CSS you supplied but it did not fix the problem in Chrome.
Half the time the background darkens, half the time it does not.
http://terenure5mile.com/photos/

Hi Peter,

http://terenure5mile.com/terenure-5-mile-race-2014/ was the correct Url two weeks ago but when I wasn’t getting a reply or solution I deleted it and created a new homepage http://terenure5mile.com instead

I changed the homepage design to remove the image issue overlapping the sidebar.
I changed the header layout in the backend to stop the social icons overlapping the logo on mobile by moving them above the header.
The video’s now open in a Lightbox now that I am using an image instead of an iframe.

Everything is resolved since except for the background not darkening on the lightbox opening in Chrome especially for the photo’s page
http://terenure5mile.com/photos/
In Firefox, Safari and IE it always darkens the background but in Chrome it only darkens the background on opening the video maybe 60% of the attempts and for photos maybe only 10% of the time. I am on Chrome Version 33.0.1750.152. Anything I can do to fix?

Thanks

Hi Ismael, I got it sorted. My apologies but you can actually set the colour of the Special heading in Avia under opting for custom colour but your CSS will apply sitewide changes for me.
Thread resolved,
Thanks

Hi Ismael,
thank you for your reply.

q.1 This has fixed the logo placement thanks.
Regarding the social media icons I think logically the only design layout that works on a smartphone is to have the logo centred on the first row and then below a second row containing the menu button on the left followed by the social media icons to the right

Top row – Logo (center)
Second row – Menu button, facebook icon, twitter icon, etc.

q.2 Thanks, is there any way to adjust at what pixel width the mobile menu is activated (990px and 768px)

q.3 Thanks. I have done this with a photo of a runner in a green vest at bottom of page
http://terenure5mile.com/terenure-5-mile-race-2014/
and the video is opening in the lightbox perfectly.
In Firefox, Safari and IE it always darkens the background but in Chrome it only darkens the background on opening the video maybe 60% of the attempts. I am on Chrome Version 33.0.1750.152. Anything I can do to fix?

q. 4 I am on version IE10
the top image is overlapping into the Sidebar on top of the widgets.

The page in question now has Url http://terenure5mile.com/terenure-5-mile-race-2014/

Thanks for all your help

Thanks Yigit, that all worked perfectly!

I posted another question yesterday that you might have a look at.

https://kriesi.at/support/topic/sidebar-cutting-off-twitter-and-facebook-in-android/

Thanks, Denis