Shop Page Banner Color + Image (with problems)

Hi!

Can you send us a link to your page so we can take a look? You can set your reply as private if you wish.

Regards,
Elliott

Hi!

Hmm, well it looks fine on the Moto E and Nexus 7. I’ll go ahead and flag this for the rest of our team to check.

Cheers!
Elliott

Hi!

I am really not sure what you are talking about. Can you please show us your issue using a screenshot? and then show us a screenshot/mockup of what you want to achieve?

Do you want this text:

be above your cable graphic?
If yes, use this code:

main.template-page.content.av-content-full.alpha.units {
top: -58px;
}

and adjust as needed.

I can’t see any sidebar on mobile devices:

So what do you mean?

Vielleicht wäre es besser, wenn du es noch einmal auf Deutsch beschreibst :). Bitte füge immer Skizzen und Screenshots mit bei, damit wir genau wissen was du meinst und was du für Änderungen vornehmen möchtest.

Gruß,
Andy

Hi!

Mit hohe und kleine Auflösung meinst du einen großen oder kleinen Bildschirm, oder? Dass sich die Grafik anpasst, lässt sich nicht vermeiden, es sei denn du möchtest, dass deine Seite nicht mehr responsive ist. Wir müssten also vielmehr eine Lösung finden, die auf den gängigen Endgeräten gut ausschaut (trotz Anpassung der Grafik).

Auf deinen “Screenshots” kann ich leider so gut wie nichts erkennen. Kannst du bitte echte Screenshots, anstatt Fotos von deinem Bildschirm zeigen? Du kannst imgur.com oder einen public Dropbox dafür verwenden.

Also bei mir passt sich deine Grafik wunderbar an, wenn ich den Browser kleiner bzw. größer mache:

Welchen Browser verwendest du? stelle bitte sicher, dass du immer die neueste Browser Version verwendest.

Für deine sidebar auf iPad, versuche diesen Code im Quick CSS:

.inner_sidebar {
margin-left: 0;
}

Hoffe das hilft.

Lieben Gruß,
Andy

• This reply was modified 9 years, 8 months ago by Andy.

Hey!

leider versteh ich nicht was du vorhast. Bitte zeige uns eine Skizze von dem, was du erreichen möchtest.

Für die sidebar auf iPad habe ich noch etwas im code vergessen, damit es auch wirklich nur auf dem iPad greift:

@media all and (max-width: 768px) {
.inner_sidebar {
margin-left: 0;
}}

Gruß!
Andy

Hi!

du findest die Option eine Sidebar auf Smartphones ein- oder auszuschalten hier: Enfold->Sidebar Settings

Versuche deine background Grafik hiermit zu kontrollieren:

.av-parallax {
height: 100% !important;
top: -175px !important;
}

und passe eventuell den “top” Wert noch an. Schaut bei mir dann so aus:

Hoffe das hilft.

Gruß,
Andy

• This reply was modified 9 years, 7 months ago by Andy.

Hey!

Ich kann deine Website nicht mehr öffnen und bekomme nur eine weiße leere Seite zu sehen. Was ist da passiert?
Du kannst es für die entsprechenden Geräte bzw. Bildschirmgrößen mittels “media querries” anpassen, z.B. für iPhone so:

@media only screen and (max-device-width: 667px) {
.av-parallax {
height: 100% !important;
top: -175px !important;
}}

Dieser Code greift nur für Geräte bis einer Bildschirmgröße von 667px. Jetzt müsstest du noch “top” und/oder “height” anpassen. Hier ein Link, um heraus zu finden wie du es auch für die anderen Geräte/Bidschirmgrößen angepasst bekommst:
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

Gruß!
Andy

Hey!

alles klar. Melde dich dann einfach noch einmal in einem neuen Ticket, falls du dann noch Hilfe brauchen solltest.

Einen schönen Urlaub wünsche ich dir!

Liebe Grüße,
Andy