full screen penci slider in mobile screen

Public Ticket #20759

full screen penci slider in mobile screen

Conversation thread

leoyipenvato replied

4 years ago

Customer Reply

works perfectly, thank you very much.

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

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

@media only screen and (max-width: 479px) {
  .penci-header-wrap {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 9999;
  }
  .penci_navbar_mobile {
      background-color: transparent;
  }
  .featured-style-31 .penci-image-holder,
  .featured-style-32 .penci-image-holder {
      height: 100vh !important;
  }
}

Regards,
PenciDesign.

leoyipenvato started the conversation

4 years ago

Conversation Start

I'm using Penci Slider Style 1 in front page.

In mobile mode, how to set (1) the slider to full height and (2) top bar to transparent?

I have attached my mobile screen and reference screen for your reference. Thank you.

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