0438 323 134 [email protected]

This is done by using the Full width slider module and adding some CSS and javascript code.

  1. Add full width module, then add full width slider module
  2. Give the module a Custom class name of et_fullscreen-slider – this is under the Custom CSS tab, in the CSS Class field
  3. Under Divi > Theme Options add the following Custom CSS code
  4. Under Divi > Theme Options > Integrations tab paste the following code into the “Add code to the <head> of your bl
  5. Once the sliders have been created and the page is saved you should have full screen slider!

Source of tip – https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-full-screen-slider-with-div

About Gary Walker

I'm the face behind this website and I'm here to help with your IT, Website and custom software needs. I've been helping individuals, businesses and non-profit organisations get online since 2007, and kept up to date with the latest web design trends.