Locus Responsive Layout - mobile Darstellung unschön - ZP-Version 13

Lucretia

Hallo ZP-Team,

ein neues kleines Problemchen mit dem Locus-Responsive-Layout.

in der mobilen Darstellung sieht der Footer so aus:

[Blockierte Grafik: data:image/png;base64,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]

(Oben sind auch die runden Ecken nicht rund, sondern eckig, was aber nicht soo strörend ist)

Gibt es Abhilfe? Danke schon mal.

Gruß

Petra

Jochen

Hallo Petra,

wenn du willst, das der Footer die gleiche Breite wie der Bereich darüber hat und auch Ecken oben abgerundet haben möchtest (was nicht gut aussehen würde, meiner Meinung nach), dann diesen CSS-Code nehmen:

Code

<style>
#search { 
	border-radius: 8px; 
	max-width: calc(100% - 0px);
}
</style>

Alles weitere kostet dann so langsam mal was.......

Lucretia

Hallo Jochen,

erst Mal danke und ein paar Küsschen

Die Ecke wollte ich nur unten, das sieht sonst echt nicht gut aus, somit lautet jetzt der CSS-Code (für die, die sich noch wenige auskennen als ich )

Code

<style>
#search {
        max-width: calc(100% - 0px);
}
</style>

Damit funzt es perfekt.

Gruß

Petra

P.S. "Ausgeben" müssten eigentlich die ZP-Entwickler uns etwas , denn die Sache mit der Logobreite und das hier sind kleine "Bugs" -> bitte auf die Liste für die nächste Layout-Anpassung

Jochen

Zitat von Lucretia

"Ausgeben" müssten eigentlich die ZP-Entwickler uns etwas , denn die Sache mit der Logobreite und das hier sind kleine "Bugs" -> bitte auf die Liste für die nächste Layout-Anpassung

Das hier sehe ich nicht als "Bug" an.
Der Ersteller das Layouts, hat sich da dabei bestimmt was gedacht.
Ich z.B. finde das gar nicht mal so schlecht.

Lucretia

"is it a bug or is it a feature"!?

... nun gut, das sei mal dahingestellt, Hauptsache es gibt Abhilfe.

Danke nochmals!

Gruß

Petra

Locus Responsive Layout - mobile Darstellung unschön - ZP-Version 13

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?