.

Responded at https://wordpress.org/support/topic/top-menu-dropdown-overlapping-bottom?replies=7#post-5841136

Creating new topic to bumb your old topic would raise a few eyebrows but but you’re right that that topic is about to forgotten though. Even for new topics, if it has more than 3 or 4 responses, I assume that someone has already helping the person and never take a second look. I believe many others do the same. Your old topic are both old and have over 6 replies; I doubt anyone except for the theme author would look at it again.

the problem is only with long posts/pages or when you have several pages/posts after each other.

Ah, you were talking about the pseudo element; finally we understand each other. Please try this code in addition to the previous code:

.site:before {
     background-color: #fff;
}

If you prefer to take responsive design into consideration, you can use this:

@media screen and (min-width: 1008px) {
     .site:before {
        background-color: #fff;
    }
}

Any of these should work if use in additional to the previous code. Which one to use is entirely up to your personal preferences. You can remove the !important declaration, too, if you feel like it’s unnecessary.

If it doesn’t work, then it’s an issue with the way you’re applying the code. It works when applying correctly, see screenshot here: http://i.imgur.com/ArOWkhV.png

I changed it to bright red so we can notice it easier (white bg blend into the default white content to the right).

Without seeing the site or at least the theme template that you’re using, we just can’t help. Sorry.

You said nothing else is changed from default . . . but we don’t even know what’s teh default you’re using.

Could you please give us a link to your site? It’s easier to solve the problem if we can actually see it.

If by “menu” you mean the main site navigation menu, then this will work:

#site-nav {
    text-transform: none;
}

This one is for the slider title:

div.slide-title {
    text-transform: none;
}

This one is for the site title, don’t know if you would need it:

h1.site-title {
    text-transform: none !important;
}

The properties for text-transform are:

• none
• capitalize
• uppercase
• lowercase

Next time though, please post a link to our site here. The demo site isn’t the same as your site; it’s easier when we actually see it.

If you mean the blue lines at the top of the page, it’s an image. You could use this:

body {
    background: none;
}

Is there anything in [copying the entire functions.php to child theme] that could be causing the error?

That’s the issue right there. You don’t copy the entire functions.php to the child theme; that file is load differently from the rest.

Your child theme’s functions.php will load in addition to the parent theme’s functions.php. Again, it doesn’t overwrite its parent; it loads in addition to the parent theme’s functions.php.

Read more here: http://codex.wordpress.org/Child_Themes#Using_functions.php