-
Posts
-
Hallo,
ich bin dabei die verschiedenen Titel und Textbloecke fuer mobile zu optimieren, allerdings scheint das bei mir nicht zu funktionieren.
Bin erstmal dabei die Ansicht fuer iPad zu optimieren, siehe auch dazu die Screenshots. Irgendwie will das aber nicht so wie ich das gerne haette.
Bitte um Hilfe.
Mit freundlichen Gruessen
Bettina
http://pelicansnestbonaire.com/images/kriesi/Screen-Shot-1.jpg
http://pelicansnestbonaire.com/images/kriesi/Screen-Shot-2.jpg
http://pelicansnestbonaire.com/images/kriesi/Screen-Shot-3.jpg
http://pelicansnestbonaire.com/images/kriesi/Screen-Shot-4.jpg
http://pelicansnestbonaire.com/images/kriesi/Screen-Shot-5.jpg
http://pelicansnestbonaire.com/images/kriesi/Screen-Shot-6.jpg
http://pelicansnestbonaire.com/images/kriesi/Screen-Shot-7.jpgHey!
ich sehe keinerlei Fehler auf den ersten drei Screenshots. Wäre gut, wenn du uns zeigst, was du statt des bisherigen Zustandes erreichen möchtest.
Für Screenshot Nummer 4 und 5 nutze diesen Code im Quick CSS Feld:
@media only screen and (min-width: 768px) and (max-width: 1024px) { h2.av-special-heading-tag { font-size: 34px !important; }}und passe selbstständig die Schriftgröße (font-size) an.
Für Screenshot Nummer 6 weiß ich zwar nicht was du stattdessen erreichen möchtest, aber ich schätze einfach mal du machst ebenfalls die Schriftgröße kleiner:
@media only screen and (min-width: 768px) and (max-width: 1024px) { .avia_textblock.av_inherit_color { font-size: 25px !important; }}Bei Screenshot Nummer 7 weiß ich nicht was du anders haben möchtest. Sieht für mich in Ordnung aus.
Gruß,
AndyHallo Andy,
vielen Dank fuer deine Antworten. Das ein und andere habe ich dank deiner Hilfe loesen koennen. Allerdings ist ein textblock den ich nicht hinbekomme.
Ich habe zur Vereinfachung nun noch ein paar Screen shots hochgeladen und auch gleich dazu geschrieben was ich erreichen moechte.
Vielen Dank fuer eure Hilfe im voraus.
Mit freundlichem Gruss
Bettina
Hi,
den ersten screenshot habe ich dank eures FAQ Artikels in der Dokumentation loesen koennen. Jetzt hapert es noch bei den anderen 3 screenshots…
Gruss,
BettinaHi!
die padding Abstände kannst du hiermit kontrollieren:
@media only screen and (max-width: 1024px) { .template-page.content.av-content-full.alpha.units { padding-top: 36px; padding-bottom: 5px; }}Den Textblock hiermit:
.avia_textblock p { font-size: 24px; }Für deine Bilder nutze diesen Code:
@media only screen and (max-width: 1024px) { .responsive .av-masonry-col-flexible.av-masonry-gallery .av-masonry-entry { width: 75% !important; }}und passe gegebenenfalls die Werte noch an.
Gruß,
Andy
- The topic ‘View on mobile devices’ is closed to new replies.