skip to Main Content

I am using the DIVI theme and have two sliders at the top and bottom of the page.

This is the link to the website:

I’ve adjusting the height of the slider using:

.et-pb-active-slide {
height: 1200px;

It works great for the first slider but I want to decrease the size of the second slider at the bottom.



  1. Change into class #left-area

    float: left;
    margin-right: 0;
    width: 100%; }

    Login or Signup to reply.
  2. This is not about showing sidebar container. Your left area container #left-area has its width set to 720px so it’s causing a problem. You can just try to add this line to your custom theme css file:

    #left-area {
        width: 100%;
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top