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 #3025210
enable transparent header in mobile mode
Closed

Comments

  • leoyipenvato started the conversation
    April 15, 2022 at 2:45pm

    my homepage is using an unique header while other pages are using another header.

    I enabled transparent header for homepage, but it only takes effect on desktop. 

    how to make it effect on tablet and mobile as well?

  •  2,610
    PenciDesign replied
    April 15, 2022 at 3:45pm

    Hi,

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

    @media only screen and (max-width: 767px) {
    body.home .penci_navbar_mobile {
            background: transparent;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 999999;
        }
    .featured-area {
            margin-top: -60px;
        }
    }

    Regards,
    PenciDesign.



  • leoyipenvato replied
    April 15, 2022 at 5:03pm

    works perfectly, thank you.