Responsive Design - Penci Block Video

Public Ticket #24622

Responsive Design - Penci Block Video

Conversation thread

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media screen and (min-width: 960px) and (max-width: 1240px) {
     .penci-vc_sidebar-right .penci-container__content {
         display: block;
     }
     .penci_dis_padding_bw .penci-vc_sidebar-right .penci-content-main {
         padding-left: 0;
         padding-right: 0;
     }
}

Regards,
PenciDesign.

AlexBepunkt started the conversation

3 years ago

Conversation Start

Hello PenciDesign,

A review of the Penci Block Video shows that the responsive design has weaknesses. Here is an example of a one-column page at approx. 1170px.

In this example, I shrink the page to 940px and the sidebar will eventually disappear. It is still partially visible, but no longer navigable. A large empty space has now been created under the Penci Block Video, which stretches about 1550px vertically. That's ugly.

At 890px horizontally the large empty space below the Penci Block Video disappears.

Regards,
Alexander

Want to join this conversation or access attachments? Sign in first.