May 12, 2014 at 9:44 pm #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!!
JohnMay 12, 2014 at 10:07 pm #263598
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 siteMay 12, 2014 at 10:22 pm #263613
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?
ThanksMay 12, 2014 at 10:34 pm #263623
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).
DevinMay 12, 2014 at 11:15 pm #263652
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?
JohnMay 13, 2014 at 12:07 am #263668
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.May 13, 2014 at 1:42 am #263686
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?
Thanks!!May 13, 2014 at 3:02 pm #263943
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??May 13, 2014 at 3:38 pm #263976
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?May 13, 2014 at 4:02 pm #264003
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?May 14, 2014 at 5:43 pm #264793
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.May 15, 2014 at 11:28 pm #265610
The topic ‘Removing additional space below the socket/footer’ is closed to new replies.