Responsive Issue with the website

Fazzy

Hi - please check the website http://wpcms.komen.org/iamthecure/prizewheel/  
when you see the site into the Mobile Devices specially iPhone 4S it is cutting the top header
how can we fix this ?   Please can you detail ?   Prompt reply is highly appreciate.

Please see the screenshot I took from the Mobile
https://www.dropbox.com/s/cjny1xmr23izwve/images%20getting%20cropped%20on%20mobile.png?dl=0

Albert

Hi,

can you show us what you mean exactly? Because as we see, everything looks fine and we did not noticed anything wrong.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Fazzy

Did you see this screen Shot of how the header img is cutting into the phone?

https://www.dropbox.com/s/cjny1xmr23izwve/images%20getting%20cropped%20on%20mobile.png?dl=0      <-- CLICK THIS LINK

What I am saying is when you go to any Internal Pages
http://wpcms.komen.org/iamthecure/prizewheel/    let say this one and see the header image it cuts off the people faces and in desktop browser its showing fine.

So my Question is I don't want people face to be cut in the responsive mode how can we fix this ?

Albert

But this is Revolution Slider plugin, it is not related with theme. But probably you have used this plugin wrong. We are pretty sure you have this image out of lines where they should be in revolution slider backend.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Fazzy

For the In-side page I am not using any SLIDER did you even look at the Inner pages ?
I am just using a single FEATURE Image on the header I am not sure where does this Revolution slider came from ??

Fazzy

Again for the Inner pages I am not using any REVOLUTION SLIDER I am just putting the image using the Feature Image option of that page

Albert

Ok, you're right. We missed that one. So we are going to explain how it works. This is section where you can upload background images. Image of course works as css background and can't be responsive because this is technically not possible. That's why this image won't be resized on smaller screens at all.

Thanks for understanding!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Fazzy

I will not agree with this because if you see this one of your Demo In-side pages the header is getting responsive

1 - http://themes.muffingroup.com/be/cleaner/about/  <-- Her becomes responsive

2 - http://themes.muffingroup.com/be/baker/about-bebakery/  <-- Another e.g Header is becoming responsive

Albert

Those images are also not responsive. On smaller screens are cut (the same width from right and left side). If you will put what you need in the middle of image, then it will look similar to our demo. But those images are 100% not responsive.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next