how to set .main-wrap and #content 100% height

[Simone pasqualiniParticipant]

Hello,

your theme has a big issue for the content height value.

how to set .main-wrap and #content 100% height

If I not set 100% for these 2 CSS the footer is not shown at bottom but in the middle of the screen.

Thanks+S,

[AndyKeymaster]

Hi Simone,

The only way to achieve this is to set a minimum height for the pages. E.g.

.main-wrap {min-height:1000px;}

[Simone pasqualiniParticipant]

I suppose that will be a problem to have a page with min-height:1000px for a smartphone.

I look forward to your reply.

Regards,
S.

[AndyKeymaster]

It’s mostly likely going to be much more than a 1000px in mobile anyway due to the content being stacked.

If you’re concerned, you can add the following to Appearance > Theme Options > Customize > Mobile CSS:

.main-wrap {min-height:100% !important;}

[Simone pasqualiniParticipant]

it’s not enought -> please look at the result http://simonepasqualini.it/new-home/
I look forward to your reply.

Regards,
S.

[AndyKeymaster]

The above code .main-wrap {min-height:100% !important;} was in reply to your concern for the Mobile CSS only.

Please refer to my original answer which was to set a height value for desktop, you can add that in Appearance > Theme Options > Customize > Custom CSS e.g.

.main-wrap {min-height:1000px;}

If this is not enough, you can increase the value too.

[Simone pasqualiniParticipant]

it’a wrong.. please try for this page http://simonepasqualini.it/new-home/ to fix that CSS using firebug and look at the result.
Thanks
S.

[AndyKeymaster]

If you mean the actual colored background needs to be the full height, you’ll need to apply the minimum height to that element instead.

You have a DIV in there with the class of .contenuto-height ( this isn’t standard so I’m unsure as to what it is ).

You would need to add the following CSS:

.contenuto-height {min-height:1000px;}

If you require any further customization, you’ll need to sign-up for the customization service.

[Author]

Posts