[VMTech]

I’m working on rebuilding a site and trying to match the existing design. On the site, a black bar or line is across the entire width of the screen between the upper navigation and the content. I matched this line by using custom CSS to make the #main section black and just text background white. It works in all browsers on OSX, but apparently not in Windows 7. Any idea how to get this corrected in Windows or a different way to program it?

Website: totalpt.vmtweb.com/services

[Zed]

Could you post a screenshot with how the site (and line) looks on OSX browsers?

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[VMTech]

This is what it looks like in OSX and should look like.

[Zed]

Which line are you referring to?

I see nothing extra in your screenshot that’s not visible for me as well.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[VMTech]

The line where you have the question marks, just below the orange. In the browsers I checked for Windows (Explorer, Firefox, Chrome), it wasn’t showing. It also doesn’t appear for the site owner. Hopefully you’re seeing it means it’s only in some versions.

[Zed]

It actually depends on screen size (when some responsive styling becomes active).
This CSS will make the black area remain visible on all screen sizes:

body #forbottom {
    padding-top: 20px;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[VMTech]

That did the trick, thanks for the help.

[Author]

Posts