• All of a sudden there is a huge amount of white space between the menu on our pages and the content. Where do I find this information to reset it? We had the page put together for us and we are largely amateurs maintaining so please respond like you are talking to an 80 year old (since and 8 year old would probably know how to fix this in their sleep).

    http://www.plymouthchurchucc.org

Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi ohreeds,

    Unfortunately there is no easy fix for this, without getting into at least a little bit of code and tech jargon.

    It looks like there is a CSS decelration on your #navigation element, of

    #navigation {
      min-height: 100%;
    }

    If your able to edit the CSS or have someone edit it for you, have them remove this declaration and everything should appear as expected. You may also be able to add CSS via the dashboard.

    Evan

    I found that too, but look at the source of the site, right at the top. There’s a large amount of obfuscated JavaScript in there. I suspect that the site has been compromised.

    Might be an idea to read through this:

    http://codex.wordpress.org/FAQ_My_site_was_hacked

    What JS are you seeing at the top? I’m not able to locate the code

    Look at the raw source, not just in devtools. You’ll see it.

    Thread Starter ohreeds

    (@ohreeds)

    Yes. Had a security warning. It’s being cleaned (sucuri). HAppens and can figure out why. Also use askimet to try and stop spamming etc. Have looked over the my site was hacked and followed the suggestions we can.

    Tried deleting the
    #navigation {
    min-height: 100%;
    }

    Still not working when I check the site in Chrome. Opened in explorer and don’t see the white space there.

    is all the unescape stuff the hack?

    I’m still seeing a declration for #navigation { min-height: 100%; }. It may be declared somewhere else in the stylesheet

    Thread Starter ohreeds

    (@ohreeds)

    I’ve done a “find” and don’t see it in CSS or when I look on website. Where are you seeing it?

    Idk, let me post a screenshot. hold on.

    It looks like its inside of A.style.css

    http://postimg.org/image/vz9q8rsvb/

    Thread Starter ohreeds

    (@ohreeds)

    Can’t find that in my CSS editor, but I do see it on the website (inspecting element; . Arrghh. This is so frustrating if I uncheck the box on the webpage it fixes the problem but I can’t find it in the code.

    Can I just put something in my custom style that will overwrite this option?

    Maybe try overriding the decleration? I can’t guarantee it will work. If a.style.css is loaded after the custom css file, then our custom css declerations will be overridden.

    Try adding this to your custom.css file and see if it works at all:

    #navigation {
      height: 0 !important;
    }
    Thread Starter ohreeds

    (@ohreeds)

    can’t find an a.style.css through my editor on wordpress or on our host. This is really bizarre. Tried adding to custom and nothing happened.

    Googling like crazy to try and figure this out. Still see the min-height when I inspect element but when I go to style sheet and search nothing. looked through a bunch of the other files in editor and nothing at all.

    Realizing the designer should have used a child theme, guess that is next on my list of things to learn.

    It looks to me like the CSS file in question is located in:

    http://www.plymouthchurchucc.org/wp-content/themes/canvas/style.css?ver=5.2.0

    I’m sure there is another file in there, called custom.css where you can add ALL of your custom CSS styles that should be overriding style.css

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Huge Whitespace between menu and page content’ is closed to new replies.