Forum Support

Shape 5
April 22, 2021, 07:37:54 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Large footer with less content in center area  (Read 692 times)
misterhans
Jr. Member
**
Offline Offline

Posts: 3



« on: 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!! Smiley

Kind Regards,

Hans
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: July 10, 2018, 05:25:34 AM »

Hello,

Please post a url.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
misterhans
Jr. Member
**
Offline Offline

Posts: 3



« Reply #2 on: July 10, 2018, 10:22:40 AM »

http://www.ggtg.nl/index.php/wie-wij-zijn/historie-van-de-gemeente
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: 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;
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
misterhans
Jr. Member
**
Offline Offline

Posts: 3



« Reply #4 on: 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
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #5 on: 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;
}
}
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.