Sticking Two Separate Elements

  • I’m trying to stick both the Top Bar and the Top Menu elements using “#top-bar-wrap, #site-header”. Both stick when I do this, but both stick to the top of the viewport. As a result of this, the top bar overlaps the top menu. Is there a way to make it so that the top bar sticks to the top of the viewport but the top menu sticks to the bottom of the top bar instead of the top of the screen? I tried reversing the order of the elements, but it didn’t change anything.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Amit Singh

    (@apprimit)

    Hello,

    Can you please share your site link so that I can check the issue?

    Thread Starter kcbill

    (@kcbill)

    Unfortunately the site is not public, it’s currently only on my local development environment. Should this work the way I’m expecting, or is there a trick to choose where the top of each sticky element is?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sticking Two Separate Elements’ is closed to new replies.