Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #263572

    I’ve found a lot of cases where people have tried to remove the additional space below the footer/socket, and it seems this is due to not having quite enough content. My problem is our client wants everything tight with no additional space below the content or footer/socket, so I’m trying to find out how to remove this without adding space. Here is the current site as it stands:


    You will see the space is in dark red right now. Even if I put it to white, it will still be scrolling space. I know a sticky footer/socket messes with responsive designs as stated before, so I’m not suggesting this. Just wondering if there is a solution that could work? Appreciate all help/feedback!!



    I think its a script related problem. Try to disable all additional plugins and check if that’d fix the problem.
    Also, i only see the problem when i open the website in my virtual machine. And after 1-5 minutes, it changes to the way it should be.
    Opening the site from outside the VM, i have no problems witht the site



    Thanks for the response. I’ve de-activated all plugins and cleared the cache, but still a no go on either of my machines. I also randomly get a fix every once in awhile after a few seconds or minutes passes. It will just click back in place with no space below the socket I have in place. Not sure if there is something else I can do to test what might be affecting it?




    There is definitely something odd happening. First try going to your LayerSlider settings and make sure the first option under Troubleshoot & Advanced Settings is turned off (not green).

    Best regards,


    Thanks Devin,

    Currently the only option under Troubleshoot & advanced settings that is green is “Concatenate output” everything else is grey and not turned on including “Use Google CDN version of jQuery”

    Should I turn any of these on for testing?



    The only other thing I can think of as a quick option to check is to change out the images you have now to more size optimized sizes. The header, layer slider slides are all a bit big for use on the web and maybe the delay in loading could cause things to get redrawn incorrectly until they finally load in.



    I can definitely do that, but I’m not sure that is the underling issue. All the other interior pages don’t have the slider and I even removed the large background image behind the header, but still had the extra space appear.

    Here’s the About page as an example. It just has a few images on it: http://instaglucose-com.web10.prepropagate.com/?page_id=2869

    Any other thoughts on what might help?



    Here is another site we’ve worked on that supports the Enfold theme. You can see it is a short content page, but the footer hugs the bottom the way it should.


    Their setups should have been consistent. The headers are the only thing that’s drastically different as far as I know. Any other thoughts??


    Ok I’ve found the root of the problem, but not sure of workarounds. I’m using these two pages as test examples:

    http://instaglucose-com.web10.prepropagate.com/?page_id=2869 – Footer not working

    http://instaglucose-com.web10.prepropagate.com/?page_id=3097 – Footer Working

    It looks like the double column format I have in place is causing it. I have a 1/3 column with the red side-bar image/ad in place, and then on the right I have a 2/3 column with the content. The pages that work are void of these, or at least that image element. Even two 1/2 columns side-by-side seem to work ok. Thoughts on how to fix this problem?


    Ok, it’s actually the LINK option within the image elements that is causing it. As soon as I disable the external link, the page loads the right way. How can that be? Why would the external link on an image cause this kind of page load issue?


    Problem solved. It was the images from the media elements. specifically external links were causing the problem for some reason. I resolved this by using a text box under content elements and just adding in an image that way and linking the traditional way. This resolved the extra spacing that was occurring. Not sure why it did this, but in case others have the same problem there is a workaround.



    Thanks for sharing and glad you figured it out! Let us know if you have any other questions or issues!


Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Removing additional space below the socket/footer’ is closed to new replies.