WP Admin bar and header move when scrolling down

Question

I've looked all over and can't find the correct solution.

Problem: My WP admin bar and main header is fixed, but when scrolling up the admin bar and main header come down. See picture.

When scrolling down the WP admin bar disappears a little bit, see picture.

What can I do so it always stays in place?

try this https://wordpress.stackexchange.com/questions/36898/admin-bar-and-fixed-header-issue — charan kumar, Sep 11 '18 at 10:18

score 0 · Answer 1 · answered Sep 11 '18 at 10:32

0

When you login to your site that time admin bar show on the front side and that time WordPress has added the 2 class in the body. please check to inspect element and see the <body class="logged-in admin-bar"> Now you can add the style in this class like below.

If you fix or not fix so you can write your code in this style like margin, padding etc

.logged-in.admin-bar{

/*Put code*/

}

answered Sep 11 '18 at 10:32

bhavesh vala

873
7
14

I don't have this logged-in.admin-bar – Wouter Sep 11 '18 at 11:07
ok you can edit your header.php in your theme and add the `body_class();` in your `` like `>` after check – bhavesh vala Sep 11 '18 at 11:10
`>` after check inspect element this class have added – bhavesh vala Sep 11 '18 at 11:18
Ok, now I have it :) The problem isn't to get the admin bar fixed but when I scroll down it moves....but when I stop scrolling it goes back to the top. – Wouter Sep 11 '18 at 13:23

WP Admin bar and header move when scrolling down

1 Answers1