white space found in responsive

[kajalgohel]

In responsive (768px and below), white space found in the right side of below page.

​https://buddypress.org/download/

for better understanding I provide the screenshot.

[aezazshekh]

Hello @kajalgohel

Adding the below CSS code to this file will solve the design issue.

file-path => /wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/styles/shCore.css

@media screen and ( max-width: 782px ) { 
     .syntaxhighlighter {
          width: auto !important;
     }
}

Than you !

[aezazshekh]

After adding the solution, now the page design looks like this

[hilayt24]

Hello @kajalgohel and @aezazshekh for the contribution, but I think instead of applying the new CSS we can change the existing CSS.

.syntaxhighlighter {
    max-width: 100%;
    margin: 1em 0 1em 0 !important;
    position: relative !important;
    overflow: auto !important;
    overflow-y: hidden !important;
    font-size: 1em !important;
    padding: 0.5em 1em !important;
}

[hilayt24]

After the CSS modification

[espellcaste]

Closing as per #9193