How to create fixed header with navigation bar in HTML and it is woking all devices

1.00/5 (1 vote)

See more:

In our project I want to create fixed header with scroll and navigation bar.But navbar icon is not working in mobile device.

What I have tried:

.header
{
	width: 100%;
	background-color: #2ebd71;
	border-bottom: 1px solid #f0f0f0;
    position: fixed;  
	top:0px;
	left: 0px;
}

Posted 17-Sep-20 19:18pm

Member 14941348

Add a Solution

Comments

[no name] 18-Sep-20 6:31am

Try something that does work then merge the 2.

Bob@work 24-Sep-20 11:31am

What is the navbar icon supposed to do? It's not in the code you provided.

Do you want a scrollable header that scrolls independently from the body of the page? If so, just define the height and scrolling of your .header class.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Last 24hrs

This month

Richard MacCutchan	20
OriginalGriff	20
Andre Oosthuizen	10
BenReaz	10
Member 12760369	10

Richard Deeming	230
Pete O'Hanlon	130
Richard MacCutchan	130
OriginalGriff	120
Andre Oosthuizen	55

How to create fixed header with navigation bar in HTML and it is woking all devices

Add your solution here

Preview 0

How to create fixed header with navigation bar in HTML and it is woking all devices

Add your solution here

Preview 0

Existing Members

...or Join us