Responsive Sidebar Using Divi Theme in WordPress

3 Views

I am trying to hide the sidebar for mobile devices in my WordPress site with the Divi theme. I have tried to use media queries to do this but it hasn’t worked.

My media query:

Read More
@media (max-width:480px) {
    .menu-decoglobofx-container {
        display:none;
    }
}

I have also tried the plugin Hide Widgets and the sidebar still displays when I test the page on my mobile device try it yourself and see. Does anyone know how to get this to work properly?

Post Views: 3

Related posts

2 comments

  1. Change this in css:

       @media (max-width: 479px)
.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {
    width: 100% !important;
    margin: 0 0 30px 0;

}

    with:

     @media (max-width: 479px)
.et_pb_section .et_pb_row .et_pb_column.et_pb_column_1_4 {
    width: 100% !important;
    margin: 0 0 30px 0;
    display:none;

}

  2. This should do good .. just use it with proper page_id

       @media all and (max-width: 479px) {
    .et_pb_sidebar_0 {
    display:none !important;}
    }

Comments are closed.