Can I create a sticky section?

Home › Forums › Jevelin Theme › Can I create a sticky section?

Home › Forums › Jevelin Theme › Can I create a sticky section?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    NOT RESOLVED Posts

  • Nerina Mills
    Participant

    Hello there,

     

    I need to create a sticky menu for only 1 page. However, since there is only 1 menu location with this theme, I thought I could use a section and then create a sticky section? Is that possible?

     

    I need to create unique “sticky header sections” for each of my product landing pages.

     

     

    Shufflehound Support
    Moderator

    Hi @Nerina,

     

    I hope you are well today and thank you for your question.

     

    Could you please share me the page URL from your site where you want to display sticky menu so that i can help you to achieve it?

     

    Best regards,
    Shufflehound team

    Nerina Mills
    Participant

    Hi there,

     

    Thanks for your quick feedback! I have added the URL for you that I want a sticky header for.

     

    I will be creating custom product landing pages, each landing page needs to have a sticky header/section that displays a small image of product with product name and 3 buttons to scroll to the sections on the page (So a one-pager landing page)

     

    Thank you 🙂

    Shufflehound Support
    Moderator

    You can achieve it on the shared page by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    @media only screen and (min-width: 800px){

.page-id-1706 .sh-section-b21af01f48daceebbbc7c60732e2d602 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
}

.page-id-1706 .fw-page-builder-content {
    padding-top: 118px;
}
}
  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)