Visual bug with sticky header + sticky sidebar

Posted in: Newspaper
Post count: 9

I’m using Style 7 of the newspaper theme and want to have the header in “Always sticky”-mode and using Smart sidebars (no top bar).

After using these settings, there is a minor visual bug. The Smart sidebar sticks so that the block title of the first block sits some pixels under the sticky header. See this picture:

Smart sidebar sticking under sticky header. See style-code in inspector to the right.

The problem seems to be the value of “top” in the style=”” part. When inserting e.g. the value top: 88px: the smart sidebar is correctly positioned and flows well when the page is scrolled.

Image when changing top-value to 88px: top value changed to 88px in inspector.

These values seem to be inserted with some script while user scrolls through page. Where can i change this to show correctly?

I’m still working on localhost so i cant provide the link yet.

– Julius

  • This topic was modified 9 years by juliusuk.
Post count: 23312

Hello juliusuk,

I have tested on my side and I did not saw any problems in this regard, as you can see here -> https://www.screencast.com/t/3x29VO6HA Everything seems to work as expected. Probably, you have some additional customizations through the code which influence the top value in this regard. Try to revert the theme to the default state, clear all your caches and check the results. By default, the theme work as properly.

Thanks for your understanding!

Post count: 9

Ah ok, I just realised the reason was that the bug appears only when I’m logged in to wp-admin, and the admin bar pushed the sticky bar down, making it look like this only for logged in user. Not a problem in my case. Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)
The forum ‘Newspaper’ is closed to new topics and replies.