Menü "hängt" im Handy zu weit rechts

Mehr
2 Monate 2 Wochen her #3971 von Dietmar Poddey
Hallo,

bei meiner aktuellen Seite habe ich das Menü in horizontaler Darstellung (Main-Menue - Position 1) gewählt.

Die Darstellung am PC und auf dem Tablet ist ok.
Im Handy wird ja, wie üblich, das Menü zuerst mit drei Strichen dargestellt. Dann beim Aufruf des Menüs selbst werden die einzelnen Menüpunkte senkrecht angezeigt.
Die Menüpunkte stehen senkrecht untereinander ganz am rechten Rand, teilweise ist der Text abgeschnitten und links ist ein breiter leerer Block.

Wie kann ich das korrigieren?

Danke vorab für die Mühe.

Gruß

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Monate 2 Wochen her #3973 von Thomas Hunziker
Wenn du ne URL deiner Seite angibst können wir das viel besser angucken :)

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Monate 2 Wochen her #3975 von Dietmar Poddey

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Monate 2 Wochen her #3976 von Thomas Hunziker
Du hast da ne Regel geschrieben die so aussieht:
/* Abstand Top-Menü von linken Bildschirmrand */
#topmenu ul, ol {
    padding-left: 248px;
}
Die müsstest du der Regel noch ein Media Query voranstellen damit es in der Mobile Version nicht aktiv ist. Also:
@media (min-width: 768px)
#topmenu ul, ol {
    padding-left: 248px;
}

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Monate 2 Wochen her #3977 von Dietmar Poddey
Hallo Thomas,

danke für die Ergänzung.

Wenn ich diese einsetze:

/* Abstand Top-Menü von linken Bildschirmrand */
@media (min-width: 768px)
#topmenu ul, ol {
padding-left: 248px;
}

dann liegt das Menü auf dem PC und Tablet auch am linken Rand.

Habe ich da etwas falsch verstanden?

Gruß

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Monate 2 Wochen her #3978 von Thomas Hunziker
Sorry, ich hab die Klammern hinter dem Media Query vergessen.
@media (min-width: 768px) {
  #topmenu ul, ol {
    padding-left: 248px;
  }
}
Falls es trotzdem nicht funktioniert musst du allenfalls deine Regeln in die Datei /templates/lessallrounder/css/custom.css schreiben und dann den Templatestil wieder speichern.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.111 Sekunden
Powered by Kunena Forum
   
© Bakual