We help IT Professionals succeed at work.

Floating Header covering text

Starr Duskk
Starr Duskk used Ask the Experts™
on
I have a page with a sticky header, when you scroll down, but it gets in the way.
http://arkiteks.us/ARK/Shop/ShopDonate/ShopDonate.aspx

Can anyone help me fix this, so it stays at the top of the page content and doesn't be on top of content so I can read the content?

example
Thanks!
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Multitechnician
Top Expert 2014
Commented:
<div class="wsmainfull clearfix" style="top:0 !important;height:76px !important;">
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
.wsmainfull.wsfixed {
	position: fixed;
	background-color: #333;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
	border-bottom: none;
	top: 0; /* <==== ADD THIS */
}

Open in new window

Starr DuskkASP.NET VB.NET Developer

Author

Commented:
Thanks! you're brilliant!
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
You are welcome.