x

Dark film over website page

A couple of my pages open normally but as soon as you start to scroll down, a dark film appears over the page, which I want to get rid of. I've tried playing with the Dark and Light buttons on Themes, but it doesn't happen on all the website pages? Does anyone have a suggestion of how to get rid of it please?

There's also an even darker band about halfway down the page. Will be grateful for any help!

720 Views
Message 1 of 5
Report
4 REPLIES 4

@IanS Site url?

708 Views
Message 6 of 5
Report

700 Views
Message 6 of 5
Report

@IanS Well, that's pretty odd. There appears to be a class in one of your content element divs in the header type pages that is targeted by script to become nearly opaque when you scroll down the page. Why this class is necessary at all is a bit of a mystery and why it extends from the top of the page header to the bottom of the page is equally a mystery. Did someone modify the default html code in the page header for this theme? This behavior doesn't make any sense.

You can fix this with a minor code change to the page header but, if the code was in fact altered in some way or you implemented a dodgy plugin, you'll first want to reverse those changes.

To eliminate the opacity/scroll issue, you should simply eliminate the class from the affected header div. To do this, in the Site Editor, click on "Theme" in the top navigation bar then click the "Edit HTML/CSS" button at the bottom of the left-hand sidebar. This will take you to the Code Editor.

  • In the left-hand sidebar, you'll see the "Header Type" section right at the top. Look for "header.html" below that title and click on it.
  • The html code for that page header type will appear in the window in the right pane. Click on the magnifying glass icon at the top of the window and enter the search term below:
<div class="wsite-elements wsite-not-footer wsite-header-elements">
  • Delete the last class "wsite-header-elements" from that div (highlighted in red above).
  • Save the change (click the blue Save button in the upper-right corner) and then republish your site.
679 Views
Message 6 of 5
Report

I seem to be having the same issue although I am unable to find the following code in the header.html

<div class="wsite-elements wsite-not-footer wsite-header-elements">
328 Views
Message 6 of 5
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.