Dies & das ändern

kuhagi

Hallo und guten Tag,

auf der Suche nach einer Möglichkeit, mit möglichst wenig Aufwand eine responsive Seite erstellen zu können bin auch ich nun hier gelandet. Lizenz: Express, meine Seite: https://community.zeta-producer.com/www.kunstharz-giessen.de , Layout: Textile Responsive.
Nun meine Fragen:

#1 Während der Erstellung der Seite ist mir der Layout-Button Gassi gegangen. Ich finde ihn nicht mehr:

Wenn ich ein anderes Layout (neue Webseite erstellen) aufrufe ist alles ok.
Ich wollte ein anderes Favicon setzen.

#2 Ich möchte die Navigation dahingehend ändern, dass die Textlinks am Ende jeder Seite auch permanent oben erscheinen und dafür die Menü-Buttons nicht mehr da sind.

#3 In der Darstellung auf Mobilgeräten und im kleinerem Browserfenster des PC habe ich einen horizontalen Scrollbalken, wenige Pixel breit.
Sollte in einer responsiven Seite nicht sein, was kann ich machen?

Das war es auch schon, für lösungsorientierte Antworten bedanke ich mich schon jetzt.

~~~~~Update:~~~~~

Ich habe die Webseite in ein neues Projekt mit gleichem Layout heruntergeladen.

--> Layout-Button wieder da.
--> Favicon konnte gesetzt werden.
--> Navigation unten ok, wenn auch nicht so wie die Buttons unten.

Was noch nicht passt:

--> Horizontaler Scrollbalken ist noch da.

--> Überschrift nicht auf allen Seiten sichtbar, obwohl
"Auch auf untergeordneten Seiten anzeigen" markiert ist.

Uwe Keim

Der Layout-Button kann so aktiviert/deaktiviert werden:

1.

2.

kuhagi

Danke Uwe, wurde wohl im Klickwahn deaktiviert...?!
Das mit der Überschrift ist jetzt auch ok.
Bleibt noch der horizontale Scrollbalken.
Auch das obere Menü hätte ich gerne linksbündig mit dem Text in einer Linie...

Im Smartphone wird das Menü durch eine kleine Balkengrafik ersetzt und erscheint erst,
wenn man drauf tippt. Kann man das so ändern, daß immer das Menü angezeigt wird?

Jochen

Hallo,

den Scrollbalken kommt auf meinen Spamrtphone nicht, da wird es so dargestellt, wie es sein sollte.
Bei welchem Smarphone und welchem Browser darauf, tritt das bei dir auf?

Das Menü linksbündig in einer Linie mit dem Text zu machen, geht nur durch einen manuellen Eingriff in das Layout.

Das das Menü durch eine Balkengrafik, den sogenannten "Hamburger-Button" in der mobilen Ansicht dargestellt wird, ist auch normal.
Das ist ein "Bestandteil" der responsiven Darstellung.

kuhagi

Jochen, danke für die Info.
Ich sehe es mit einem Samsung S3 an, mit dem normale Android-Browser.
Der gleiche Effekt tritt auch auf, wenn ich am PC das Browserfenster horizontal
minimiere.

Auch Google Pagespeed Insights mokiert sich darüber:

Der Seiteninhalt ist für den Darstellungsbereich zu breit, sodass der Nutzer gezwungen ist, horizontal zu scrollen. Passen Sie die Größe des Seiteninhalts dem Darstellungsbereich an, um eine bessere Nutzererfahrung zu bieten.
Der Seiteninhalt ist 325 CSS-Pixel breit, aber der Darstellungsbereich hat nur eine Breite von 320 CSS-Pixel. Die folgenden Elemente liegen außerhalb des Darstellungsbereichs:

Das Element <div id="footer" class="fullwidth"></div> liegt außerhalb des Darstellungsbereichs.

Aber kann ich das selbst (und wie) ändern?

Mario

Hallo Kuhagi,

Das mit dem Scrollbalken habe ich auf meiner Seite zella.de auch in mobilen Geräten. Da es sich aber nur um 2 oder 3 Pixel handelt und der Balken auf dem Smartphone recht klein gehalten wird habe ich mich bisher noch nicht darum gekümmert. Motorola MotoX mit Chrome.

Um das Menü linksbündig zu bekommen kannst du die Padding-Werte anpassen.
Gehe zu Einstellungen > CSS und gib dort den unten angegebenen Code ein.
Der 1. Wert gibt den Abstand nach oben an, der 2. den Abstand nach Rechts, der 3. nach Unten und der Letzte nach Links.

CSS

<style>
.navbar .nav > li > a {
padding: 10px 20px 10px 0;
</style>

kuhagi

Mario, danke. Ist jetzt schon mehr nach links gerückt.
Allerdings noch nicht komplett bündig, aber so soll es ok sein.

Dies & das ändern

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?