RESPONSIVE ANIMATION AND HEADERS

I'm new using templates, so... be patient please.
As I'm a Graphic Designer and don't know much about programming, there is been a while since I tough starting use responsive templates for my work.
I must say it was the right decision, still I'm having some trouble finishing my first work in a way that I considered acceptable.

The template I downloaded was "CREATIVITY" and you can cheek it at http://www.eleicoes-snqtb.pt.


I have two issues that I just can't solve:

1. Vertical Tablet and Smartphone animation is not adapting to the width but to the height of the device, so my animation is showed with cropped images.
Can I change configuration or change the images to portrait for vertical use?
If so how and where can I do it?

2. As you can see, the second level pages have an image header.
My goal was that they have the same behavior than the menus and the animation, device total width.
I tried make headers and breadcrumbs but the result was not the desired.
I make it work with the device width but my images starts at the start point of the template, with an empty space at the left of the screen.

I hope you can help me.

Best regards
Miguel

Lets start by moving this topic to correct subforum...

Header module is set this way by design, without programming knowledge you will not be able to change it. The only way is to use simple image instead of Image Show.

Secondly - when I check this page:
http://www.eleicoes-snqtb.pt/missao
header image decreases its size when browser window decreases.

Secondly - when I check this page:
http://www.eleicoes-snqtb.pt/missao
header image decreases its size when browser window decreases.

Indeed it decreases, but the original idea was the image fill all the screen width, not just the template area.
This is particularly important on screen resolutions with more than 1280 px.
The screenshots bellow were made on a screen resolution of 1680 px.

As I wrote before I did it as a Breadcrumb and as an Heather and it work in the way that the "module" goes from "coast to coast" on screen, but the image was aligned to the left of the template area instead of cover all the width as the image bellow shows.
.

sample.jpg

sample02.jpg

You need to go back to header/breadcrumbs position. Image itself is limited by central column and with current setup you simply can't make the image to be full width.

Thanks

Is there anything else I can help you with regarding this topic?

Thats all, TY

Feel free to post new forum threads if you have any other questions - it allows us to answer faster.