Browse: Home / Snippets /

Change Focus Mode sidebar width

Contents


Snippet #

/* Change the Course Navigation Heading width */
.learndash-wrapper .ld-focus .ld-focus-sidebar .ld-course-navigation-heading {
    width: 250px; /* Replace just the 250 */
}

/* Change the Course Content Sidebar width */
.learndash-wrapper .ld-focus .ld-focus-sidebar {
    width: 250px; /* Replace just the 250 */
}

/* Adjust LD Focus sidebar to have the same Heading / Content Sidebar value */
.learndash-wrapper .ld-focus .ld-focus-main {
    margin-left: 250px; /* It must to be the same width value */
    width: calc(100% - 250px); /* It must to be the same width value */
}

/* Change the Course Content left and right space */
.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
    padding-left: 2em; /* Replace the 2 for change the left space */
    padding-right: 2em /* Replace the 2 for change the right space */
}