#supplementary footer not responsive in mobile view

Remove the 590px width you have on the stuff inside it.

Ha! I thought that I had removed that, guess I just did it in firebug. Doh! While I have your “ear” another question, if I may. I removed it then changed to this:

#supplementary #text-2 {
   clear: none;
   float: right;
   margin-right: 60px;
}

which looks OK on regular view, but get’s funky in iPhone (way big). Is there something that I can do to fix this?
Thank you!!

I don’t know what is “way big” https://awesomescreenshot.com/0fa1km9117

I should be more specific, sorry. I meant the line spacing between “Jubilee”, “restaurant” and “courtyard”

Have you tried reducing the line height on it?

.widget-title { line-height: 1em; }

Of course! I also added some padding to keep it of of the top of the border. OK, one more question then I promise to leave you alone (for awhile, at least). I’ve tried to adjust the margins and padding so there is less space between the “contact by email” and the bottom of the footer. I know that you have easiest way to do this! Sorry that I’m such a noob!!

Give your ‘#supplementary #text-2‘ style a margin bottom of something flexible:

#supplementary #text-2 { margin-bottom: 2%; }

You are the best!! Thank you so much!

You deserve it for taking the time to make a Child Theme and do things properly.

Hope things go well,
Andrew.