Forum Mjukvara Programmering och digitalt skapande Tråd

Footern är gigantisk i mobil version i WP

1
Skriv svar
Permalänk
Medlem
●

Footern är gigantisk i mobil version i WP

Hej!
Jag håller på o meckar med en footer som aldrig blir riktigt som vi vill.
https://test3.rental-academy.com/

Som ni kanske ser där så är det flera bilder och jag har varit att ta bort sidobilderna på mobila versionen tack vare hjälp här medans den centrala pngen är kvar. Jag testade även att gömma den men den påverkar inte mitt stora problem. Problemet är på mobilverisonen så är footern helt gigantisk (det gråa). Jag skulle vilja att den blir mycket mindre, kanske en tredjedel. Genom att använda chrome inspector ett element som heter div.footer-mega-col-wrap och har försökt lägga in denna i display:none men den försvinner inte. Jag har skrivit #div.footer-mega-col-wrap och även #footer-mega-col-wrap men den ligger ändå kvar.

Någon som kan hjälpa mig minimera footern så den inte blir så stor?

Förresten, förutom det så är den där i mitten centrerad men den börjar tyvärr från mitten och går sen höger ut. Det gör att den INTE är centrerad. Jag har försökt lägga in margin: left 20px men det verkar inte ta nån effekt.

Visa signatur
Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av shabik:

Hej!
Jag håller på o meckar med en footer som aldrig blir riktigt som vi vill.
https://test3.rental-academy.com/

Som ni kanske ser där så är det flera bilder och jag har varit att ta bort sidobilderna på mobila versionen tack vare hjälp här medans den centrala pngen är kvar. Jag testade även att gömma den men den påverkar inte mitt stora problem. Problemet är på mobilverisonen så är footern helt gigantisk (det gråa). Jag skulle vilja att den blir mycket mindre, kanske en tredjedel. Genom att använda chrome inspector ett element som heter div.footer-mega-col-wrap och har försökt lägga in denna i display:none men den försvinner inte. Jag har skrivit #div.footer-mega-col-wrap och även #footer-mega-col-wrap men den ligger ändå kvar.

Någon som kan hjälpa mig minimera footern så den inte blir så stor?

Förresten, förutom det så är den där i mitten centrerad men den börjar tyvärr från mitten och går sen höger ut. Det gör att den INTE är centrerad. Jag har försökt lägga in margin: left 20px men det verkar inte ta nån effekt.

Gå till inlägget

Trevligt att det jag skrev i förra tråden hjälpte, då skulle man ju kunna svara med ett tack så att tråden kan avslutas
Du skapar nya trådar för varje problem trots att allt är relaterat till samma problem.

För att minska det gråa får du sänka din padding-top på din footer, just nu är den på 110px.

Din bild är skev för att du har position absolute och pillar med left/top position med pixlar, något som inte kommer att fungera responsivt då position absolute tar bort elementen från sidans naturliga flow. Din footer saknar dessutom position: relative, så din bild med position absolute kommer att attacha på document body.

Återigen så rekommenderar jag att du läser på om flexbox för positionering av dina element.
https://www.w3schools.com/css/css3_flexbox.asp

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av zaibuf:

Trevligt att det jag skrev i förra tråden hjälpte, då skulle man ju kunna svara med ett tack så att tråden kan avslutas
Du skapar nya trådar för varje problem trots att allt är relaterat till samma problem.

För att minska det gråa får du sänka din padding-top på din footer, just nu är den på 110px.

Din bild är skev för att du har position absolute och pillar med left/top position med pixlar, något som inte kommer att fungera responsivt då position absolute tar bort elementen från sidans naturliga flow. Din footer saknar dessutom position: relative, så din bild med position absolute kommer att attacha på document body.

Återigen så rekommenderar jag att du läser på om flexbox för positionering av dina element.
https://www.w3schools.com/css/css3_flexbox.asp

Gå till inlägget

Jag hade svarat och sagt tack men jag glömde trycka på "skicka meddelande", sorry!! Okej jag ska läsa detta dokument nu, det är bara lite svårt att göra saker när man får press från företaget (jag är inte it-person alls btw utan detta är en sidosyssla). Jag ska ta mig tid och läsa detta nu då eftersom jag bör få grunderna rätt. Jag vet att padding gör den större men eftersom jag nu lagt in att jag döljer vissa dokument så vore det great om padding kunde sjunka til säg 20 px vid certain media size.

Visa signatur
Redigera
Citera flera Citera
1
Skriv svar