pragmaMx Support Forum

pragmaMx => Themes & Design => Thema gestartet von: Mecki am 10 November 2023, 15:12:34

Titel: pmx_base style.responsive
Beitrag von: Mecki am 10 November 2023, 15:12:34
Hi,
ich brauche die  pmx_base/style.responsive für mein SMF Forum, die Links sollen aber im Smartphone nicht responsiv angezeigt werden. Welche Codes müssen dafür entfernt werden?

LG
Mecki
Titel: Antw: pmx_base style.responsive
Beitrag von: Olaf am 10 November 2023, 17:50:00
kannst du mal einen Vorschlag machen, wie die Links dann aussehen sollen ?
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 10 November 2023, 18:13:03
Hi Olaf,
die links sollen ganz normal angezeigt werden, so wie am PC. Es sind ja nur zwei.
LG
Mecki
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 10 November 2023, 18:17:18
(https://www.can-picafort.eu/media/images/testcms.png)
Titel: Antw: pmx_base style.responsive
Beitrag von: Olaf am 11 November 2023, 09:37:20
ok, immer noch nicht verstanden.
Meinst du die Umschaltung des Menues? Mach mal ein Schrrenshot von der Seite und kennzeichne mal die Links die anders aussehen sollen. Das wird, glaub ich, helfen.
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 11 November 2023, 12:24:43
Hier ein Screenshot von meiner neuen Community. Oben das pragmamx und unten das SMF Forum. Das SMF soll oben nur zwei oder drei Links haben. Die Links sollen aber nicht responsiv sein, sondern wie auch hier in dem Forum über das Smartphone dargestellt werden.
Ja, ich meine die Umschaltung des Menüs im Header, die brauche ich im Forum nicht.
(https://www.can-picafort.eu/media/images/screen.png)
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 11 November 2023, 17:12:14
Ich brauche eigentlich nur die angepasste style.responsive oder die script.responsive aus dem Ordner "Theme pmx_base"
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 12 November 2023, 13:20:54
Hier noch mal die Phone Ansicht.
(https://www.can-picafort.eu/media/images/phone.jpg)
Titel: Antw: pmx_base style.responsive
Beitrag von: Olaf am 12 November 2023, 15:35:14
Also geht es eigentlich um das SMF Theme? Welches originale Theme hast du da für SMF verwendet? das wird aber nicht von pragmaMx gesteuert. Normalerweise. Wie hast du die Themes angepasst?

Um jetzt dein Problem zu lösen, müsste man mal einen kompletten Zugriff auf das SMF Theme bekommen. Hier ist das SMF Theme in mühevoller Kleinarbeit in allen Details angepasst und verändert wurden, damit es für uns passt.
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 12 November 2023, 17:08:36
Die SMF default Theme wurde nicht verändert. Ich habe nur die hier verlinkte Modifikation Global Headers and Footers (https://custom.simplemachines.org/index.php?mod=351) für das SMF Forum installiert. Dort habe ich den Header der "pmx_base" als html eingefügt. Die style.css und die style.responsive.css habe ich umgenannt und ist zusätzlich auch im Ordner "pmx_base" für meine "pmx_base.html".

SMF Themes sind eigenständig, und können jederzeit geändert werden, ohne das der Header sich ändert.  Als Beispielbild sind hier zwei verschiedene Themes "Chakra und Default". Ich möchte einfach nur, dass der Header nicht responsiv angezeigt wird. Der Header wird nur durch die CSS und die script.responsive.js im pmx_base Ordner angepasst.


(https://can-picafort.eu/media/images/phone2.png)
Titel: Antw: pmx_base style.responsive
Beitrag von: Olaf am 12 November 2023, 17:15:21
dann lass mich mal auf die Seite zugreifen, damit ich mir das mal ansehen kann. ggf. notwendige Zugangsdaten bitte per PN
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 13 November 2023, 09:29:23
Ich habe an team at pragmamx org eine Mail geschickt. PN kann ich nicht senden, es kommt dann die Meldung:"Du hast keine Berechtigung, auf diesen Bereich zuzugreifen".

LG
Mecki
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 21 November 2023, 10:13:26
Hi,
wo kann man die Höhe für den Domain-Namen anpassen?

LG
Michael

Screen vom "iPhone 13"

(https://www.can-picafort.eu/media/images/mobil.png)
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 22 November 2023, 11:45:06
Edit:
(https://www.micanpicafort.de/media/images/mobil.png)
Titel: Antw: pmx_base style.responsive
Beitrag von: Olaf am 22 November 2023, 12:55:38
:old: gehe mit der rechten Maustaste auf das gewünschte Designelemet und wähle "Untersuchen" (Firefox, Edge, Chrome) aus.
Dann wird dir neben/unter deiner Seite ein HTML-Inspektor angezeigt, mit den HTML-Code und dem zugehörigen CSS drunter, für das Element. Dort steht dann auch dabei, wo das Designelement definiert ist und in welcher Zeile. Dort kannst du dann auch die entgültigen Änderungen im CSS vornehmen.  :yltype:
Ausserdem kannst du in dieser Ansicht auch testen, wie sich CSS-Änderungen direkt auf deine Anzeige auswirken. :bye:
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 23 November 2023, 15:00:13
Hi Olaf,
also ich bekomme das nicht hin. Der Domainname verändert die Höhe im Firefox, aber nicht im iPhone13.
Kannst Du mir nicht schreiben wo ich die Einstellung konfigurieren kann?

LG
Michael
Titel: Antw: pmx_base style.responsive
Beitrag von: Nouvelle am 23 November 2023, 22:11:35
vielleicht suchst du sowas ?
https://chromewebstore.google.com/detail/datalayer-checker/ffljdddodmkedhkcjhpmdajhjdbkogke
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 23 November 2023, 23:07:42
Danke,
ich werde es mir ansehen. Der Domainname wird einfach zu hoch angezeigt. Eigentlich müssten auch andere das Problem haben, denn ich habe an den css außer den Farbcode nichts verändert.
LG
Michael
Titel: Antw: pmx_base style.responsive
Beitrag von: Olaf am 24 November 2023, 09:13:59
in der style.responsive.css
ab Zeile 319 sollte das stehen....
.default-responsive .header .headline, .default-responsive .header .slogan {
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  margin: 2% !important;
  text-align: center !important;
}

kannst du anpassen das Margin:
z.Bsp in
margin: 5% 2% 2% 2% !important; die 5% sind der Abstand des Textes von oben. wenn nötig kannst du da auch einen fixen wert von z.Bsp 20px machen....
Titel: Antw: pmx_base style.responsive
Beitrag von: Mecki am 24 November 2023, 11:11:30
:hi:
Hat geklappt  :good2: