Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3024162
full screen penci slider in mobile screen
Closed

Comments

  • leoyipenvato started the conversation
    April 14, 2022 at 12:45am

    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.


  •  2,490
    PenciDesign replied
    April 14, 2022 at 1:19am

    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 replied
    April 14, 2022 at 5:09am

    works perfectly, thank you very much.