Jeg har lige købt adgang til Elementor og er i færd med at genopbygge et amatør-site, men header og responsive volder mig nogle problemer. * Header * Først har jeg forsøgt med nogle Envato-kladder, men nåede ikke helt i mål. Jeg fandt én, som var enkelt og god, men vil gerne have ikoner i stedet for tekst i menupunkterne og mappe links på ikonerne i stedet. Links og ikoner er ikke så vanskeligt, men det kunne være super fedt at kunne låse kolonnerne op til fri placering, ligesom indholdet i dem. Kan det lade sig gøre? * Responsive * Uanset hvordan jeg laver grunddesign, bliver header helt ødelagt på mobil og tablet. spacing og placering på menupunkter, søgefelt og andre ikoner ligger i ét stort rod. Jeg ved, man kan sætte faste placeringer på elementerne, men kan man også gøre det mellem visninger, altså forskellige placeringer i forskellige visninger? Jeg kan kun finde globale placeringer. De kan komme til at passe til én af skaleringerne, men roder så på de andre. I fællesskab har vi tjek på hardware, biler, TV, software og alt muligt andet, så der må næsten også være nogen, der har styr på Elementor, for det har jeg ikke :)
--

https://humlejuice.dk[...]

#1
Juusuhako
Elite Nørd
20-05-2021 07:58

Rapporter til Admin

Først og fremmest er det nemmest og lave header og footer via Elementor selv, og så blot sætte dem til, at vise på hele hjemmesiden - så dukker de op på alle sider (templates > theme builder). Du kan altid ændre visning, så du kan se hvordan det ser ud på mobil/tablet: https://prnt.sc[...] - så designer du blot mens du er i den visning, du ønsker designe for. Indstillingerne ændrer sig, så f.eks. tekststørrelse du ændrer i MOBIL VISNING ændrer ikke tekststørrelse valgt i desktop/tablet visning. Der er små ikoner ud fra hver indstilling hvor du kan vælge hvilken enhed du ønsker, at ændre indstillingen for.
--
ASUS TUF B460M-Plus • i5 10400F • 16GB 2933MHz • Asus RX580 4GB • Cooler Master Q300L • Corsair MP400 M.2 1TB

#2
Toft123
Mega Nørd
20-05-2021 08:40

Rapporter til Admin

#1 Tak for indlægget. Jeg har gjort begge dele - først indsat bedst acceptable Envato header på en testside og leget med den i temaet, og nu laver jeg en template fra bunden i builder. Sært du beskriver redigeringen sådan. Jeg var også af samme overbevisning, men efter at have dimset en mobilvisning på plads, var header HELT fucked i de to andre. Jeg må søge nogle videoer frem.
--
https://humlejuice.dk[...]

#3
Juusuhako
Elite Nørd
20-05-2021 09:43

Rapporter til Admin

#2 Altså headeren du laver i theme builder skal du også lave responsive i selve theme builder, ikke på de andre sider hvor de vises da de slet ikke er redigerbare på disse sider. Envato headeren du nævner kender jeg ikke til, går ud fra det er noget separat? Elementor har masser af skabeloner til header/footer du bare kan bruge og rette til. Du vil nok opleve færrest forhindringer hvis du blot laver alt - så vidt muligt - gennem Elementor.
--
ASUS TUF B460M-Plus • i5 10400F • 16GB 2933MHz • Asus RX580 4GB • Cooler Master Q300L • Corsair MP400 M.2 1TB

#4
Toft123
Mega Nørd
20-05-2021 11:57

Rapporter til Admin

#3 Det var der, den drillede i går. Jeg forsøgte at ændre i header på kladdesiden. Jeg smøger ærmerne op i theme builder. Tak for hjælpen! Har du også et input til at låse kolonner op i header, så jeg kan redigere i dem?
--
https://humlejuice.dk[...]

#5
Juusuhako
Elite Nørd
20-05-2021 13:11

Rapporter til Admin

#4 Hvad mener du med, at låse op? Headeren er frit redigerbar i theme builder. Du kan ikke redigere den mens du f.eks. arbejder på Forsiden eller whatever, det skal gøres gennem theme builder. Ellers skal du lave header for sig på hvert enkelt side i stedet for gennem theme builder, men det er jo ikke effektivt...
--
ASUS TUF B460M-Plus • i5 10400F • 16GB 2933MHz • Asus RX580 4GB • Cooler Master Q300L • Corsair MP400 M.2 1TB

#6
Toft123
Mega Nørd
20-05-2021 13:49

Rapporter til Admin

#5 det er ikke selve header, men placeholders. Hvis jeg for eksempel vil have 5 placeholders til ikoner, kan jeg uden problemer redigere størrelse og udseende på ikoner, men placeholder har kun få muligheder, som er presets. Det kunne være godt for eksempel at kunne resize placeholders til ønsket indbyrdes placering og sætte en linje med lav opacitet til at adskille ikonerne. Jeg kan bare ikke lure hvordan det gøres.
--
https://humlejuice.dk[...]

#7
Juusuhako
Elite Nørd
20-05-2021 15:33

Rapporter til Admin

#6 Skal nok se et screenshot eller vide hvilket preset du har brugt, ved ikke lige hvad du mener ud fra tekst. Alle preset/skabeloner fra Elementor burde du fint kunne redigere, de er ikke anderledes end hvis du selv lavede dem.
--
ASUS TUF B460M-Plus • i5 10400F • 16GB 2933MHz • Asus RX580 4GB • Cooler Master Q300L • Corsair MP400 M.2 1TB

#8
korvol
Giga Supporter
20-05-2021 16:50

Rapporter til Admin

#apDiv1 { position:absolute; width:800px; height:600px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; color: #CCC; }
--

#9
korvol
Giga Supporter
20-05-2021 16:58

Rapporter til Admin

CSS https://www.nemprogrammering.dk[...]
--

#10
Toft123
Mega Nørd
24-05-2021 14:26

Rapporter til Admin

Tak for indlæggene. Jeg endte med at finde en kombination, der både fungerede responsivt og fik den "rigtige" tykkelse. Det blev så meget på forsøgsbasis, at jeg ikke kan forklare processen, men uanset hvad hjalp indlæggene videre.
--
https://humlejuice.dk[...]

#11
Toft123
Mega Nørd
03-06-2021 10:27

Rapporter til Admin

Så lykkedes det vist at få bygget et fungerende site. Udseendet kan altid diskuteres, men funktionaliteten er der i det mindste. Responsivitet på header sidder måske ikke helt i skabet. Hvis nogen har et blik eller to i overskud, tager jeg gerne imod feedback på funktionalitet og intuitiv navigation.
--
https://humlejuice.dk[...]