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.
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
Attached files: Screenshot_31.jpg
Screenshot_29.jpg
Screenshot_32.jpg
Screenshot_30.jpg
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.