Comments on: Responsive Dropdown Menu Bar with Search Field using HTML & CSS

By: Joseph Turay

Joseph Turay — Thu, 16 Mar 2023 08:22:59 +0000

Thank you for sharing materials

By: svenchen

svenchen — Sat, 12 Nov 2022 14:07:11 +0000

Nice code. I have a problem tho. When trying to add content below the menu bar everything starts to shift upwards and under the menu. How do i fix this???
its for a school project.

By: Jake

Jake — Tue, 20 Sep 2022 13:21:59 +0000

In reply to Unknown. Its because font awesome needs updating.

By: ecode

ecode — Sun, 26 Jun 2022 04:51:40 +0000

Cool bro. Thanks

By: Tofutown

Tofutown — Sat, 19 Feb 2022 15:45:48 +0000

With the drop down menu code. If the drop down menu items are larger than one another this piece of code makes a gap between the drop down menu and the more items menu. Specifically the right: calc(-100% + 8px); Basically it’s calculating the same calculation for every more items the same rather than adapting them individually.

.content .links ul ul{
position: absolute;
top: 0;
right: calc(-100% + 8px);
}

Does anyone know how to fix this?

By: Niwa

Niwa — Mon, 07 Feb 2022 20:29:38 +0000

In reply to JJM.

Just tips for fans…

If you dont see (Search Bar)
Or if you zoom with 175% and navigation bar is hidden…

Or you small size your window browser but not see side bar?

Because you not online… please connect your PC or Laptop to online… your problem is done 🙂

Just connect to internet and done 🙂

By: Ola

Ola — Wed, 19 Jan 2022 16:57:47 +0000

The dummy-text content area seems to vanish up top if you make the browser really small. Is there a way to make it show even if the height is small

By: Kcteach

Kcteach — Mon, 10 Jan 2022 10:59:29 +0000

Excellent work

By: CodingNepal

CodingNepal — Sun, 02 Jan 2022 11:20:48 +0000

In reply to Pavan. Yes, feel free to use it.

By: Pavan

Pavan — Thu, 16 Dec 2021 00:16:09 +0000