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

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ß

Wenn du ne URL deiner Seite angibst können wir das viel besser angucken

Hier die URL:

www.zahnarzt-volz-rastatt.de

Gruß

Du hast da ne Regel geschrieben die so aussieht: Die müsstest du der Regel noch ein Media Query voranstellen damit es in der Mobile Version nicht aktiv ist. Also:

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ß

Sorry, ich hab die Klammern hinter dem Media Query vergessen. 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.