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
  • 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.

     

     

    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

    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 🙂

    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;
    }
    }
Viewing 4 posts - 1 through 4 (of 4 total)