Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • March 21, 2015 at 10:56 am #415698
    shoo

    Hi, Can someone please tell me if it’s possible to minimize the size of the footer on a page with little content.

    Because I have little content on one of my pages (my privacy policy page), the footer becomes enlarged to make up for the content. Is it possible to keep the footer as it’s normal size (small and discrete at the bottom). I have uploaded an image of what the footer looks like: http://s3.postimg.org/l5wu0y54j/Large_footer.jpg

    Once again, thanks in advance for the help.

    March 21, 2015 at 11:30 am #415707
    begrafiks

    Hi shoo;
    try to add this line into your custom css;

    #footer{max-height: 35px !important;}

    adjust the size as you like

    March 21, 2015 at 1:47 pm #415725
    shoo

    Hi begrafiks, thanks for the reply but unfortunately that didn’t do anything at all.=(

    March 22, 2015 at 2:08 pm #415960
    shoo

    I also tried using

    #footer {
padding: 0; }

    but no luck also..

    March 22, 2015 at 3:10 pm #415969
    begrafiks

    Hi shoo;
    maybe this topic can help you :
    https://kriesi.at/support/topic/footer-for-small-page-content-no-fixed-footer/

    March 22, 2015 at 10:17 pm #416085
    shoo

    I’ve tried adding
    #av_section_1 { min-height: 100vh !important; }
    and 

    #av_section_1:last-of-type {
min-height: 80vh !important;
}

    but both codes do nothing! My footer on a page with low content still takes up half the page. Is there no fix for this? =/

    • This reply was modified 9 years, 9 months ago by shoo.
    March 23, 2015 at 8:43 pm #416682
    Elliott

    Hey!

    If we give your footer a certain height then what would you like to display beneath it when the content does not fill your screen? Would you like the footer to be a brown line and then white beneath it? Or perhaps your trying to give your content a minimum height so the footer will always display closer to the bottom of your screen? There is a problem with that though because all screen sizes are different, it might look good on yours but weird on another computer screen.

    Go ahead and take a screenshot and highlight what your trying to make it display as and we’ll take a look. Also send us a link to your page.

    Best regards,
    Elliott

    • This reply was modified 9 years, 9 months ago by Elliott.
    March 24, 2015 at 1:51 pm #417053
    shoo

    Hi Elliott, thanks for the reply.

    Yes, I simply want the footer to be maintained at a fixed size like most websites and not increase in size to fill up half a screen. If I have a large screen, I would prefer the page being left white compared having the footer increase in size. I have posted two images to ‘what it currently looks like’ and ‘what I want it too look like’

    http://s27.postimg.org/66ac7i4wz/what_it_currently_looks_like.jpg
    http://s27.postimg.org/67ka0x6qr/what_I_want_it_too_look_like.jpg

    Looks like the following code helps 

    @media only screen
and (min-height : 1200px) {
.entry-content-wrapper { min-height: 875px; }
}

    But like you said it’ll appear different depending on the user’s screen. So there’s no way for the theme to automatically detect screen size to adjust?

    Thanks!

    March 24, 2015 at 1:51 pm #417054
    shoo
    This reply has been marked as private.
    March 25, 2015 at 11:07 am #417665
    Ismael

    Hey!

    Please remove the css code.

    This solution is from an enfold user, it will dynamically set a minimum height for the main wrap container. Add this to the functions.php file:

    add_filter('wp_footer', 'avf_socket_height', 10);
function avf_socket_height() { ?>
<script>
(function($){
	$(window).resize(function(){
		var headerh = $("#header").height(),
		footerh = $("#footer").height(),
		windowh = $(window).height(),
		socketh = $("#socket").height(),
		wpadminbarh = $("#wpadminbar").height(),
		layersliderh = $("#layer_slider_1").height(),
		afterlayersliderh = $("#after_layer_slider_1").height();
		
		if ($("#layer_slider_1").length > 0) { 
			mainh = (windowh - footerh - headerh - socketh - wpadminbarh - 250 - 1) / 2;
			$('#top .main_color.container_wrap.fullsize').css("min-height", mainh + 'px');
		}
		else {
			mainh = windowh - footerh - headerh - socketh - wpadminbarh;
			$('#top .main_color.container_wrap.fullsize').css("min-height", mainh + 'px');
		}
	}).resize();
})(jQuery);
</script>

<?php
}

    Cheers!
    Ismael

    March 26, 2015 at 10:25 pm #418865
    shoo

    Hi Ismael,
    That is just the fix I’m looking for! Works perfectly, thanks so much!

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Minimise size of footer’ is closed to new replies.