Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • July 7, 2015 at 12:21 pm #469572
    Alex

    Vorweg, sorry falls es das Thema schon gibt, aber bei mir scheitert es hier schon an den passenden Suchbegriffen um die Suche überhaupt füttern zu können…

    Zum Anliegen:
    Ich hab hier eine (Unter-)Seite mit dem page-builder gestaltet. (Oben drei Grafiken in icon-boxes, darunter jeweils zugehöriger Text)
    Hier würde ich gern eine andere Anordnung des sich ergebenen responsive-Layouts bei kleinen screens erzielen.
    Momentan nagelt es erst die Grafiken untereinander, danach kommen die Texte, ich hätte gern Grafik + Text, Grafik2 + Text 2, Grafik 3+ Text 3, […]

    Am einfachsten wäre für mich eine Funktion, in der ich den einzelnen “Blöcken” quasi Wertigkeiten zuordnen kann, und diese dann in aufsteigender Reihenfolge angezeigt werden … oder wie auch immer man so was halt am besten löst.
    Gibt es da mitunter sogar bereits eine passende theme-function, die ich bisher einfach übersehen habe!?

    Vielen Dank!

    (Link zur Ansicht unten im Content)

    July 8, 2015 at 12:39 pm #470169
    Ismael

    Hi Alex!

    Thank you for using Enfold.

    If you don’t mind, we would like to see a screenshot of what you’re trying to do here. Use imgur or dropbox for the screenshot.

    Best regards,
    Ismael

    July 9, 2015 at 9:27 am #470678
    Alex

    Hi Ismael

    Sorry for my late reply.

    What I want is to assign the corisponding text to its dedicated logo, when it comes to minimize the screen-size (like on smartphone-devices)
    What I got actual, when minimize the screen-size is this:
    actual

    What I want is something like that:
    should_new

    (You can check it with the link in the private-section)

    I know I can use the grid-row to assign the “text-blocks” (icon-boxes) to the icon-boxes (logos), to control the behavior of the responsive result, but then I´m not be able to get the 1/3 (“first line”) 1/4 (“second line”) result as in the actual/original-design.

    Any relevant hints or traces are welcome

    July 9, 2015 at 9:56 am #470683
    Andy

    Hey!

    deine Website scheint im Wartungsmodus zu sein, deshalb bräuchten wir admin Zugang, um darauf zugreifen zu können. Poste Login details hier als private Antwort.

    Gruß,
    Andy

    July 9, 2015 at 10:00 am #470685
    Alex

    Ha, da habt genau die 5min erwischt, wo ich selbst noch mal probiert habe, ist nu wieder verfügbar.

    July 9, 2015 at 12:21 pm #470775
    Andy

    Hey!

    wird recht schwierig das zu erreichen was du möchtest, aber wir bräuchten Admin Zugang, um dir genau sagen zu können, ob wir dir da helfen können. Login bitte hier als private Antwort.
    Aktiviere bitte auch Custom Class für alle ALB Elemente und sag uns bescheid, wenn du damit fertig bist.

    Gruß,
    Andy

    July 9, 2015 at 1:48 pm #470828
    Alex

    Hey

    Wenn das bedeutet in der functions.php aus wp-content/themes/enfold die letzte Zeile aus-auszukommentieren (zu aktivieren), dann ist das hiermit erledigt.

    Habe die Seite in meiner Fummel-/Entwicklungsumgebung nachgebaut, da könnt ihr ruhig rum machen bis der Arzt kommt.
    Falls wir eine Lösung finden, kann ich mir das anschließend da einfach abgucken, so mach ich es mit euren Demos aktuell auch^^
    Seite läuft im dauer-maintenance-mode, ist halt nur für mich das ich für jede Idee nicht gleich am live-system fummeln muss.

    Alle benötigten Zugangsdaten s.h unten

    Dank und Gruß
    Alex

    July 9, 2015 at 2:09 pm #470857
    Andy

    Hi!

    also habe jetzt mal deinen icon und text Elementen eine “Benutzerdefinierte CSS Klasse” zugewiesen. Diese musst du jetzt noch selbstständig anpassen:

    @media only screen and (max-device-width: 736px) { 
.icontext1 {
top: -320px;
}
.iconbox2 {
top: 300px;
}
.iconbox3 {
top: 300px;
}}

    Gruß,
    Andy

    July 9, 2015 at 2:27 pm #470878
    Alex

    Schon mal vielen Dank!
    Die CSS-Anweisungen kommen dann am besten mit in die custom.css unter “mobile-styles”!?

    July 9, 2015 at 2:29 pm #470883
    Basilis

    Hi!

    Yeap Alex, that is correct! Feel free to add them there!

    Feel free to ask us anything else, we would be happy to assist further!

    Best regards,
    Basilis

    July 9, 2015 at 2:33 pm #470889
    Andy

    Hey!

    du kannst sie auch ins Quick CSS Feld hinein tun. Lass uns wissen, wenn du noch Hilfe benötigst dabei.

    Gruß,
    Andy

    July 9, 2015 at 2:41 pm #470900
    Alex

    Es scheint zu gehen, super!

    Eine Laienfrage könntet ihr mir hierzu nur noch beantworten bitte, wieso sehe ich die Änderungen nur auf meinem mobile, nicht aber bei der kleinsten browserfenster-Einstellung!?
    Ist technisch gesehen kleiner-screen-monitor nicht identisch mit kleiner-screen-phone (angenommen beide wären gleich breit [px])

    July 10, 2015 at 12:03 pm #471398
    Andy

    Hi!

    eigentlich müsstest du die Änderungen auch auf deinem verkleinertem Browserfenster sehen, aber liegt vielleicht gerade bei dir am Browser Cache der geleert werden müsste. Bitte verwende immer die neueste Browserversion.

    Lass uns in einem neuen Ticket wissen, wenn du wieder Hilfe brauchst. Wir nehmen uns gerne Zeit für dich.

    Liebe Grüße,
    Andy

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.