Hi Ciaran,

I'm working on another dilemma. I've hard-coded some text and an image wrapped in a link in the "social media" section of the index.php file of the Clarity template. This is probably a hack but I am not versed in PHP and the fact that I got it to display at all is a miracle to me... ~;-)

The issue is with the responsive part of the site. When I view it on my iPhone in portrait mode, the hard-coded stuff is overlapping the logo. It's OK when I turn my phone landscape but that's not reliable enough for users in general. You can't rely on them to think of turning the phone.

My instinct is that I need some CSS in the responsive.css file to bring it down under the logo but only on the responsive version, not on the main computer version.

Could I trouble you to point me in the direction of where I can fix this... if it can be fixed? Or, maybe a better way to get it in where I have it now without messing anything else up??

Here's the site... http://50.87.144.123/~ubj/
The content in question is the phone number and email link/image.

On another note... I found a site where you can test different responsive version of sites. I remember you said you don't have an iPhone so this might help you. http://mattkersley.com/responsive/ Hope this is useful for you.

Thanks in advance for any info you can share that will help with my display dilemma.

Thanks... Dianne