Support » Theme: Fruitful » Disable sticky header on selected pages

  • Resolved deeveedee

    (@deeveedee)


    First – thanks so much for this great theme! It’s working very well for us.

    How can we disable the sticky header on a specific page? The sticky header works well on most of our pages, but we’d like to disable the sticky header on one or two of our pages. Thank you very much for your help.

    Thanks again for your great theme.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Fruitful Code

    (@fruitfulcode)

    Hello.

    Thanks you for using our theme and your feedback.

    Unfortunately, theme allow enable or disable sticky header not for each page, only for all pages by default options:

    Appearance>Header>Enable or Disable sticky header for your pages.

    Regards.

    That’s not true šŸ˜›
    If you knew WordPress better, you knew that EACH page gets its own class by id, means:

    .page-id-xxx .head-container {
         position: static;
    }

    Where -xxx is the individual page id

    Thanks, @lonesomewalker. Your suggestion works perfectly. In fairness to @fruitfulcode, they were merely stating that this customization was not built-into their Theme Options.

    It looks like if you want to selectively enable stick headers on specific pages (instead of enabling globally via Theme Options and then disabling on specific pages using your trick), I might be able to use the CSS below:

    .page-id-xxx .head-container {
         position: fixed;
    }
    .main-slider-container {
       margin-top: [header-height];
    }

    Where [header height] is the height of the header (e.g. for an 80px header, header-height = 80px). I’m still experimenting with this, but it looks close.

    Thanks again.

    • This reply was modified 3 years, 7 months ago by deeveedee.
    • This reply was modified 3 years, 7 months ago by deeveedee.
    • This reply was modified 3 years, 7 months ago by bdbrown.
    • This reply was modified 3 years, 7 months ago by deeveedee.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disable sticky header on selected pages’ is closed to new replies.