Custom Header Divi

Hello Dave,

Does this code work

Code:

Log In or Sign Up to view this code.

for you?

 

Hello Dave,

I meant if it works for you when you add it to your website. Not through a linter.

The code is tested on a Divi website and is working.

 

The code didn't work because you are using a custom header. Here is the revised code which is tested on your website.

Code:

Log In or Sign Up to view this code.

 

This should work then.

Code:

Log In or Sign Up to view this code.

 

I tried the code I sent you on your website, and it worked.

How are you testing tablet width? Using a real device or just resizing a browser window?

If it is a real tablet, please share what model.

 

Can you send me a screenshot of the website from the tablet? Or the image of a tablet

 

What browser are you using on the iPad pro 10?

 

Let's try a different approach. Please remove the CSS code and add the following Javascript code to Divi -> Theme Options -> Integration -> Add code to head.

HTML:

<script>
window.addEventListener('DOMContentLoaded', (event) => {
     var header = document.querySelector('header.et-l .et_pb_section_0_tb_header');
  var opened = header.querySelector('.opened');

  if (opened) {
    header.style.backgroundColor = 'white';
  } else {
    header.style.backgroundColor = 'initial';
  }
});
</script>

 

Hey,
I can recommend you the plugin DIVI Pixel. A lot of options and looks good. I used on this page for example: https://racetrck.de/