Design Melbourne - ganze Breite mobil nicht responsive?

17.08.2019 03:47 (zuletzt bearbeitet: 17.08.2019 06:51)

D.F.
#1

D.

D.F.

Hallo zusammen,

es geht um die folgende website: www.candybrowsandlashes.de

Ich habe den Text, sowie die Abstände per CSS eingefärbt. Am Desktop sieht es super aus, mobil auf den ersten Blick auch. Nun stellte ich aber fest, dass ich auf der Seite, durch die ganze breite nach rechts scollen kann.

verwendet habe ich:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 

<style type="text/css">
/*<![CDATA[*/
 /*Farbe ganze breite, h1 12013868560 */
#cc-m-12013868560{
background-color: rgba(228,0,109,0.7);
margin: 0 -500%;
padding: 0 500% !important;
}
 
 /*Farbe ganze breite, Abstand oben 12013872560 */
#cc-m-12013872560{
background-color: rgba(228,0,109,0.7);
margin: 0 -500%;
padding: 0 500% !important;
}
 
 
  /*Farbe ganze breite, Abstand unten 12013872660 */
#cc-m-12013872660{
background-color: rgba(228,0,109,0.7);
margin: 0 -500%;
padding: 0 500% !important;
/*]]>*/
</style>
 

 

Kann mir jemand helfen, wie ich es mobil so anpasse, dass es responsive ist, und nicht zur Seite gescollt werden kann?

Danke und beste Grüße

Antworten

Beitrag melden

#2

17.08.2019 06:54

az_
#2

az_

...setze mal folgende Einstellung:

1
 
html, body {overflow-x: hidden;}

...und bitte bei Code im Forum immer die Code-Formatierung benutzen (s.u.)

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

18.08.2019 13:44

D.F.
#3

D.

D.F.

darf ich ganz doof fragen "wo" ich diese Einstellungen setzen soll?

Antworten

Beitrag melden

#4

19.08.2019 11:50 (zuletzt bearbeitet: 19.08.2019 11:50)

butterman007
#4

bu

butterman007

Hi D.F.

Du hast ja anfangs deinen eigenen CSS-Code aufgeführt, den du bereits bei Head einfügen musstest. Genau dorthin kommt auch der andere CSS-Code.

Im Adminbereich oben links auf "Menu" klicken, dann auf "Einstellungen", dann auf "Head bearbeiten" und schliesslich den Code rechts in der grossen Textfläche einfügen, wo auch die anderen CSS-Tags stehen.

Gruss Butterman

Antworten

Beitrag melden

#5

22.08.2019 10:58

az_
#5

az_

Genau. Zwischen die �Klammern� <style> und </style>

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html