Contao 3 - Responsive - Header & Footer Problem

[Mag....]

Hallo zusammen,

hab immer noch das Problem, das im "Header" und "Footer" Bereich, einfach der rechte Teil abgeschnitten wird.
Am PC Firefox, Internet Explorer Chrome sieht alles ok aus, aber auf dem Smartphone sieht man das Problem...

CSS Code :

#header {
width: 100%;
background-color: black;
background: #7D7E7D;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125, 126, 125, 1)), color-stop(100%,rgba(14, 14, 14, 1)));
background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%,rgba(14, 14, 14, 1) 100%);
background: -o-linear-gradient(top, rgba(125, 126, 125, 1) 0%,rgba(14, 14, 14, 1) 100%);
background: -ms-linear-gradient(top, rgba(125, 126, 125, 1) 0%,rgba(14, 14, 14, 1) 100%);
background: linear-gradient(to bottom, rgba(125, 126, 125, 1) 0%,rgba(14, 14, 14, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
}

Hab auch mal ein Screen hochgeladen...

Die Seite hab ich auf C3-Layout Builder und Responsive aufgebau...

Zu dem Zeitpunkt meine ich gelesen zu haben, das man Layout und Responsive benutzen kann, vor einigen Tagen allerdings hiess es, man solle es doch net zusammen einsetzen Oo *bin leich verwirrt*

http://demo1.px4you.de/

VG
Marco

[Mag....]

Hat keiner eine Idee?

[thomas.japan]

Hallo Marco,

soweit ich das sehen konnte solltest Du bei

#header .inside, #container, #footer .inside

für die mobilen Geräte die width mal rausnehmen.
Außerdem ist Dein Slider nicht responsive.

Gruß
Thomas

[Mag....]

Beim Header hab ich das width rausgenommen, leider selbe effekt...

[thomas.japan]

Hallo Marco,

nicht bei #header sonder bei

#header .inside, #container, #footer .inside

Kleiner aber entscheidener Unterschied.

Gruß
Thomas