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 #3094162
Only stiky header
Closed

Comments

  • KeviinP started the conversation
    July 30, 2022 at 7:24am

    Hello, 

    I don't need the normal header and the animation between the two header.

    Is it possible to remove the normal header and just use the sticky header?  I built the header with the header builder

    Can i use class="penci-header-wrap" and class="sticky-wrapper" in header builder ?

    I found this class here : https://soledad.pencidesign.net/soledad-travel-blog3/

    Thank

  •  2,489
    PenciDesign replied
    July 30, 2022 at 10:43am

    Hi,

    Please edit your header with the Penci Header Builder, remove all the elements on Sticky Header tab, then add the following CSS to Appearance → Customize → Custom CSS:

    .penci_header.penci-header-builder.main-builder-header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 99999999;
    }

    Regards,
    PenciDesign.



  • KeviinP replied
    July 30, 2022 at 12:45pm

    Thank you it works but I have one last problem, top of the page is hidden under the header. 

    How to add a margin to all the page?

    The current css code for desktop and mobile :

    .penci_topbar.penci-desktop-topbar, .penci_mobile_midbar.penci-mobile-midbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999999;
}
.penci-builder-mobile-sidebar-nav.penci-menu-hbg, .close-mobile-menu-builder {
    z-index: 999999999;
}

    Regards

    Kévin

  •  2,489
    PenciDesign replied
    July 30, 2022 at 4:12pm

    Hi,

    About the spacing, please add this CSS to your site:

    body {
      padding-top: 60px;
    }

    Regards,
    PenciDesign.



  • KeviinP replied
    July 31, 2022 at 1:06am

    Hi,

    Thank you very much, the problem is solved!

    Regards,

    Kévin