Jump to content


Photo
- - - - -

Space between Content & Footer

Content footer

Best Answer James B , 23 April 2013 - 08:19 PM

Hi there,

 

Setting the height in the mcolumn-pad you'll need to use a static pixel figure, if you use something like 100% or auto then it will only fill the available area the content covers, which is what it's set to do anyway so you won't notice any difference. Using a set figure of 500-600px you'll see a difference, then you can tailor the figure to suit your design.

Go to the full post


  • Please log in to reply
16 replies to this topic

#1 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 19 April 2013 - 10:12 PM

Hi,

 

How I can remove the space between content and footer?

 

or

 

make it responsive by vertically?

 

 

 

Screen-shot-2013-04-19-at-3.01.01-PM.png

 

 

Thank you!



#2 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 19 April 2013 - 10:37 PM

Hi there,

 

You can do this by adjusting the height set in the .mcolumn-pad class in the css. The background for the mcolumn pad will by default only cover the the area directly behind the content, but editing it will css you'll be able to extend this.



#3 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 22 April 2013 - 04:48 PM

so I did

 

Please Login or Register to see this Hidden Content

but it's nothing changed, maybe I did something wrong...



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 22 April 2013 - 06:13 PM

Please add #page before .mcolumn-pad like this:

Please Login or Register to see this Hidden Content



#5 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 22 April 2013 - 06:26 PM

 

Please add #page before .mcolumn-pad like this:

Please Login or Register to see this Hidden Content

 

Nothing...

 

When I change the browser size. my content box (with image) goes up and I need that he was at the same place as in full scale..

 

see attachments.

 

Thank you!

Attached Files



#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 22 April 2013 - 07:32 PM

Did you also include this after #page .mcolumn-pad?:

Please Login or Register to see this Hidden Content



#7 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 22 April 2013 - 08:04 PM

sure

 

Please Login or Register to see this Hidden Content



#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 April 2013 - 09:34 PM

Hi,

 

I just checked your site on my Android phone, and see that you have several responsiveness issues. I suspect that some of them are coming from using full-width images. Instead of trying to make the site mobile as it is, try disabling mobile view in Dashboard > PageLines > Site Options and it may appear much better on mobile devices.

 

This may help keep the full site visible.  Presently, I can't read the title of your site in mobile view, as the image is 'scrunched' (for lack of another technical term).



#9 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 22 April 2013 - 10:29 PM

Hi,

 

I just checked your site on my Android phone, and see that you have several responsiveness issues. I suspect that some of them are coming from using full-width images. Instead of trying to make the site mobile as it is, try disabling mobile view in Dashboard > PageLines > Site Options and it may appear much better on mobile devices.

 

This may help keep the full site visible.  Presently, I can't read the title of your site in mobile view, as the image is 'scrunched' (for lack of another technical term).

 

Hi Rob,

 

thank you, but it's another issue. I need figure out issue with space between content and footer when you changed scale your browser..



#10 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 April 2013 - 10:44 PM

The gap between the content area white box and the footer is probably due to a min-height tag floating about somewhere. Have you seen this someplace? It's usually 400px.

 

It could be happening on a specific type of page or template.



#11 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 22 April 2013 - 10:56 PM

The gap between the content area white box and the footer is probably due to a min-height tag floating about somewhere. Have you seen this someplace? It's usually 400px.

 

It could be happening on a specific type of page or template.

 

yes size it is 400px, but when we fix the size of it can't be responsive and still when you change the browser scale this gap appears..



#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 April 2013 - 11:24 PM

If you change 400px to auto, or lower the value from 400px to 200px, then it helps responsiveness.



#13 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 22 April 2013 - 11:38 PM

The gap between the content area white box and the footer is probably due to a min-height tag floating about somewhere. Have you seen this someplace? It's usually 400px.

 

It could be happening on a specific type of page or template.

 

I already have it:

Please Login or Register to see this Hidden Content

and I need put here min-height: 400px; ?



#14 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 22 April 2013 - 11:56 PM

No.  I'm sorry. You're misunderstanding me.

 

There's probably another element, somewhere in your site or page's CSS that is currently using the min-height tag.  By default, that is min-height: 400px;

 

When you find that using Chrome's Inspection Tool or Firebug for Firefox, you change it to min-height: 200px; or min-height: auto;

 

Do not add min-height: 400px;  anywhere as this will further add to your design problems.



#15 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 23 April 2013 - 07:27 PM

No.  I'm sorry. You're misunderstanding me.

 

There's probably another element, somewhere in your site or page's CSS that is currently using the min-height tag.  By default, that is min-height: 400px;

 

When you find that using Chrome's Inspection Tool or Firebug for Firefox, you change it to min-height: 200px; or min-height: auto;

 

Do not add min-height: 400px;  anywhere as this will further add to your design problems.

 

I already used Firebug for Chrome and I didn't find "min-height" anywhere

 

maybe something else?



#16 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 23 April 2013 - 08:19 PM   Best Answer

Hi there,

 

Setting the height in the mcolumn-pad you'll need to use a static pixel figure, if you use something like 100% or auto then it will only fill the available area the content covers, which is what it's set to do anyway so you won't notice any difference. Using a set figure of 500-600px you'll see a difference, then you can tailor the figure to suit your design.



#17 integritymediacorp

integritymediacorp

    Advanced Member

  • Members
  • 35 posts
  • Country: Country Flag

Posted 23 April 2013 - 10:16 PM

Hi there,

 

Setting the height in the mcolumn-pad you'll need to use a static pixel figure, if you use something like 100% or auto then it will only fill the available area the content covers, which is what it's set to do anyway so you won't notice any difference. Using a set figure of 500-600px you'll see a difference, then you can tailor the figure to suit your design.

 

Thank you James! Fixed it!