[Resolved] using fixed header, wpadmin bar causing overide issue .

[sg]

Hi, currently im using fixed header for my site.
Wp-admin bar is a big headache , the bar position abs below fixed .

is there any way to make the admin bar flip to close etc ?
i know there is plugin but its not working well too.

Thanks.

[David]

Hi there,

you could try something like this:

#wpadminbar:not(:hover) {
    opacity: 0;
}

[sg]

hI David. thank you. that does solve the issue halfway but it seems login state cause the ‘ gp fixed header’ to change the form , any idea on that ? thanks

[David]

Is this fixed header some custom CSS? As the sticky nav shouldn’t effect the admin bar.

[sg]

Yes, i got the css from here too .
i agree stick nav should affect the admin bar , but sadly it does.

[David]

Can you share the CSS you used. We can look at offseting its position when the adminbar is present.

[sg]

its on my live site. can you see it ?

[sg]

i somehow know the issue now.

.x-fixed-header {
height: 9vw;
top: -4vw;}

cause im using vw value which is wrong ?

[David]

The site is behind a coming soon page.

[sg]

oh sorry , let me disable that now.

pls enter ?bypass=gp at the end of the url to bypass the page. thanks.

[sg]

you may give me your ip to bypass too. thanks

[sg]

you may login as regular member user:support_gp password is the same for testing the changes.

[David]

So you could add separate rules for your .rise-fixed-header CSS for when the admin bar is present. the CSS rule would look like this:

.admin-bar .rise-fixed-header {
/* add your different height and top properties here. */
}

You would want to make the top property a positive value to push it below the admin bar.

[sg]

Thanks.

[David]

Did you fix the issue?

[Author]

Posts