I am working from the "Essential" template and have successfully made many changes and customizations, but I have now discovered an issue with responsiveness.  This may be due to my misunderstanding of what a "responsive" website is, or maybe Firefox does not actually emulate a smart phone display properly when you hit ctrl-shift-M. But this is my problem:

I feel that the text and images in the "smart phone" are too large for my liking.  I'd like them to be about 75% of what I see in these screenshots.  I'd like to end up with at least the header below to show.  Is there a way to reduce the size of the smartphone version without reducing the main page version?

Any help appreciated, thanks,

-Hjiorst

So, I was nervous about and unsure how to post my new, unfinished web pages while my existing website occupies the domain.  But I figured out how to do that.  Here is a good page to check out:

Thanks for any advice!

When I look at your site with my cell phone I see no responsiveness in it.

The Essential model being responsive by default, you must have done something wrong affecting it.

You will have to use OE's Media Query utility.

Click on Edit Media and select Smart Phones [portrait].