Ondersteuning » Overige » Footer altijd onderin

  • Opgelost grafischestudio

    (@grafischestudio)


    Hallo,

    ik gebruik Astra template en bewerker Elementor.
    De pagina’s hebben Astra footer.
    Zodra een pagina inhoud kort is staat de footer hoog op de scherm.
    Hoe zorg ik dat de (korte) pagina altijd beeldvullend is met de footer aan de onderkant. Ik wil dus geen lege marge zien onder de footer.

    Groet,
    grafischestudio

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Hallo,

    Heb je een link naar je website want dat is voor ons veel handiger.

    En ik zie dat je je topics dubbel plaatst, in 2 fora. Svp niet doen want dan bestaat de kans dat iemand er tijd in steekt terwijl het reeds opgelost is in het andere topic 😉

    Groeten, Guido

    Thread starter grafischestudio

    (@grafischestudio)

    Hallo Guido,
    helaas kan ik de website niet laten zien.
    Groet, grafische studio

    Lastig om je dan te helpen hoor.

    Ik zie dat Astra een #main sectie heeft waar de hoofdcontent in staat. Die zou je een minimale hoogte kunnen geven, zodat de footer altijd verder naar beneden blijft staan als je weinig content op een pagina hebt staan:

    
    #main {min-height:1000px;}
    

    Guido

    Thread starter grafischestudio

    (@grafischestudio)

    Ja, dat kan, maar dat vind ik niet echt een charmante dan ook praktische oplossing.

    Thread starter grafischestudio

    (@grafischestudio)

    Deze kwestie is voor nu opgelost conform de tip van Guido

    Controleer nog wel even of dit er ook mooi uit ziet in mobiel scherm, of dat je nu te veel witruimte hebt. Want dan moet voor mobiel scherm nog even een fix komen.

    Guido

    Thread starter grafischestudio

    (@grafischestudio)

    En hoe kan ik deze toepassen?
    Het gaat mis vanaf de tablet (1024px) breedte.

    • Deze reactie is gewijzigd 3 jaren, 6 maanden geleden door grafischestudio.

    Scherm kleiner dan 1024px dus. Dan zou je dit kunnen toevoegen:

    
    @media screen and (max-width:1023px) {
      #main {min-height:auto;}
    }
    

    Guido

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Footer altijd onderin’ is gesloten voor nieuwe reacties.