|
: Large footer with less content in center area : misterhans July 09, 2018, 01:43:37 PM Hello,
In my website there is a large footer when i have very little content in my center area. See screenshot attached. I want (only on desktop!) the center area at a minimum height. I know HTML/CSS but couldn't get it working. Filling some <p>'s wont do it for me because that's ugly on tablet/mobile. And i know in advance that some pages have little content. Also my client want a small footer. I hope you can help me, i would be very thankfull if so!! :) Kind Regards, Hans : Re: Large footer with less content in center area : mikek July 10, 2018, 05:25:34 AM Hello,
Please post a url. : Re: Large footer with less content in center area : misterhans July 10, 2018, 10:22:40 AM http://www.ggtg.nl/index.php/wie-wij-zijn/historie-van-de-gemeente
: Re: Large footer with less content in center area : mikek July 11, 2018, 06:13:34 AM Hello,
I am not seeing any issues on that page, but if you want to have a taller center section you can add the following css to the bottom of template.css. I would not recommend it though: #s5_center_area1 { min-height:600px; } : Re: Large footer with less content in center area : misterhans July 11, 2018, 10:13:36 AM Hello,
If you have a larger screen, then you get a large footer like in the image i posted in my initial post. A min-height is not nice because it also appears at mobile devices, while i don't have the problem on mobile devices. Do you know a way to apply a min-height for desktop only? Or for a screen with a minimim pixel size? Or is there another solution i am not aware of? Thanks for your answers so far! Kind regards, Hans : Re: Large footer with less content in center area : mikek July 18, 2018, 07:08:25 AM Hello,
You would add the css above and then add this below it to disable it on smaller screens: @media screen and (max-width: 970px){ #s5_center_area1 { min-height:1px !important; } } |