Streaming live at 10am (PST)

Help with mobile header interaction inconsistency please

Hey guys, hoping I can get some guidance here as I’m totally stuck!

I’ve created a mobile header, then I created a small interaction so that on scroll down it shrinks and moves up a bit, and on scroll back it returns to normal. This works exactly how I want it to work on the homepage. But for some weird reason I can’t get it to work right on other pages? I’m using a symbol so it should have all the same values but It just won’t work.

This is the homepage where the interaction is working correctly…

And this is the program page where it won’t work properly.

Many thanks in advance for any help.

Here is my public share link: Read only link here

Hey @MattDykzeul , the styles that you have applied in the homepage are attached to the Current state of the TTH-logo. It is because of this reason you do not see the same result with the other pages.

Here is what I would do:

  1. Reset the position settings for the TTH-logo in the Current state.

  2. Using the selector, select the TTH-logo class

  3. Add these position settings within the class only itself.
    Screen Shot 2021-09-23 at 4.10.40 PM

And you should be good to go.

1 Like

Hey @imtiazraqib that was it! Thank you so much, I redid the link block without current and it works perfectly now. Thank you so much!


Glad I could be of help @MattDykzeul , happy designing! :grin::+1:

1 Like

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.