problem with "Responsive" option

Hi! I would like to have these two possibilities when viewed on mobile device (phone, tablet etc) :

1) “responsive site” is turned OFF – same look as on laptop/desktop with possibility to zoom in. Is is possible ?

2) “responsive site” is ON – text doesn’t get to the part of photo with texture (example bellow). I’m OK NOT to have the person’s image in the mobile version of this section at all, just don’t want to heave text on the person’s face. How do I control the text placement for mobile versions of this section?

Thank you!

Thanks, but this is not what I want and tried to describe for # 1 and # 2. Sorry if I wasn’t clear.

I’m using 1440×900 pictures both for Fullscreen slider and Color Section backgrounds. The picture you see in my previous post is full-screen 1440×900 picture. Screenshot of the page layout was attached in imgur gallery in my first post. The overlay will just darken the entire background image and this is not what I want.

In case of #1, I would like to have the same display of my layout on mobile as I see it on my desktop. I need to be able to control the appearance of key elements (video slider, text blocks etc), dictate where they appear (left or right side of the screen no matter what the viewers device is), and how they align with the background image of color section.

In case of #2, what I want is to control the placement of the text block. I’m OK NOT to have the person’s image (part of color section background) in the mobile version of sections at all, just the KEY elements. It’s all pretty much the same as #1, except that I’m ready to compromise and not have person’s image at all, and let text blocks appear on other part of color section background (not the person’s face or body, or a chair etc). I don’t want any overlays with textured objects, that’s why I designed the background picture this way (1/3 person, 2/3 plain background for text)

Thank you for your help!

PS I: the CSS destroyed the alignment of the desktop version of the page.
PS II: All my designs on this page fall apart on the mobile devices.

Thanks for your reply.

I always clear cache and refresh.

View on my iPad and other mobile devices (4 in total) is still the same – not what I would like to have (examples are given in my initial post).

In my understanding all of my questions are related to the same issue.

In all of my posts here I have tried to describe my problem and ask specific questions that in my understanding will lead me to solving it, however I didn’t get answer to any of my questions. Please let me know if I’m asking the wrong questions.

I’m using standard elements offered with Enfold theme. I assume it all supposed to be responsive and look good on mobile devices. What I need is to be able to control the placement of page elements because they don’t align correctly on mobile devices.

Thank you!

No and Yes. The text shown on your example goes a bit onto the part of the photo with texture. I want it to be completely on the plain grey part of the photo (a bit to the right).
It’s always different depending on the viewer’s device. Basically I want to learn how to control the placement of text and make sure it looks the same on different devices.
Thanks!