Hi zusammen,
undzwar habe ich ein kleines Problem mit der Mobile Ansicht:
Ich hab mich schon im ganzen Forum nach einer Lösung dazu umgesehen konnte aber leider nichts finden…
Ich hätte die ganzen Buttons am besten gerne rechtsbündig.
Außerdem wird der header komplett linksbündig angezeigt beim drehen des Smartphones:
Ich bin für jeden Rat dankbar.
Hier meine header.less falls es hilft:
.results--list {
.box-shadow(none);
}
@media screen and (min-width: @phoneLandscapeViewportWidth) {
.results--list{
.border-radius(0);
}
}
.header-main {
background:#303440;
.container {
background:transparent;
}
}
.header-main {
// Logo
.logo-main {
// Smaller logo for mobile viewports
.logo--shop {
.unitize-height(35, 10);
}
.logo--link {
.unitize-height(35, 10);
}
}
}
@media screen and (min-width: @tabletViewportWidth) {
.header-main {
// Logo
.logo-main {
// Bigger logo for tablet viewports
.logo--shop {
.unitize-height(80, 16);
}
.logo--link {
.unitize-height(80, 16);
}
}
}
}
.header-main {
.logo-main {
width: 40%;
.logo--shop {
.unitize-height(80, 16);
.unitize-width(350);
img {
width: 100%;
height: auto;
}
}
.logo--link {
.unitize-height(80, 16);
.unitize-width(350);
}
}
.shop--navigation{
width: 60%;
}
}
Danke im vorraus und beste Grüße!
