Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 12, 2014 at 9:44 pm #263572
    jnhaswell

    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:

    http://instaglucose-com.web10.prepropagate.com/

    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!!

    Best,
    John

    May 12, 2014 at 10:07 pm #263598
    Flikk

    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

    May 12, 2014 at 10:22 pm #263613
    jnhaswell

    Flikk,

    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?

    Thanks

    May 12, 2014 at 10:34 pm #263623
    Devin

    Hey!

    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,
    Devin

    May 12, 2014 at 11:15 pm #263652
    jnhaswell

    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?

    Thanks
    John

    May 13, 2014 at 12:07 am #263668
    Devin

    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
    jnhaswell

    Devin,

    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
    jnhaswell

    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.

    http://unified-imaging.com/?page_id=1195

    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
    jnhaswell

    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
    jnhaswell

    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
    jnhaswell

    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
    Yigit

    Hey!

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

    Cheers!
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Removing additional space below the socket/footer’ is closed to new replies.