Draw Underline Link Hover Effect | CSS Menu Hover Effect

[@filipfiser1045]

Instead of position absolute you can use display: block + margin: left. This works for me very well

[@Edit.Eclipses]

I used position absolute and it was showing full line of body and I did that and not it only shows lines on text thank you brother!

[@nakdickson]

You're the man🙌 position absolute didn't work but display block worked. thanks

[@CuriousFox_]

Thank you so much, mate!

[@randomsshortz]

@@nakdickson for which of them

[@DanzFirst]

thanks bro that works

[@mysteriousguy4708]

Amazing! Clutter-free code. I managed to overcome this obstacle in 5 mins only through you video. Thanks a million ❤

[@TheMeepPlay]

it didnt work for me so after i try multiple things i found a solution, instead of position:absolute, display:block. And instead of a:after, a::after, in some new versions you need to use double :

[@kariel3189]

Mate, props, mine was showing a continous line, now it's working

[@jagger6277]

You’re a legend

[@waleefalrooh8]

Thank u you saved my day

[@Jollyjoky]

This is amazing! A lot of value and content in 5 minutes!

[@farhatulsk]

I am planning to give my father a birthday surprise by making a small birthday website🎉😊☺️

[@CodingArtist]

Great 👍

[@NaimanSyahmi]

then u upload it to online server?

[@farhatulsk]

@@NaimanSyahmi yes

[@farhatulsk]

@@CodingArtist Thank you ☺️✌️🤍

[@NaimanSyahmi]

@@farhatulsk i have some questions 1.if we want to upload website to the online server, is it using money for buy a server? 2.the domain also u custom or not, is it free for custom domain?

[@TheJegan23]

In the new version it only works if its a::after.

[@mestrow]

Hello! Excellent video! What is the name of the font used?

[@CodingArtist]

It's Poppins.

[@Creambobcumpants]

Amazing video!!

[@MuhammadHamza-b3e]

very very helpful video

[@ChrisTRoll]

Your videos are great! I love your work!

[@unlimitedtrends3901]

wow. beginner in learning web dev here and this worked first time without any problems thanks! :)

[@CodingArtist]

Great to hear!

[@mustafazeb5391]

thank u bro u solve my project problem so love u from the bottom of my heart

[@CodingArtist]

Happy to help

[@fabricemikobi2173]

Great tutorial!

[@farhadronrony1321]

wonderful skills........nicely working.....thank you!

[@mentalost]

Thanks this was exactly what i was looking for !

[@CodingArtist]

Glad I could help!

[@Manishkumar-py1mj]

Thanks for your all videos 🙏🙏👍👍👍

[@CodingArtist]

It's my pleasure

[@rozenibuenvenida3755]

Thanks mate. This was amazing!

[@CodingArtist]

Glad you liked it!

[@moon-bb3tq]

جزاكم الله خيراً ❤️🥰

[@ComputerScienceSimplified]

Great video, keep up the awesome work! :)

[@vardanpetrosyan3259]

Awesome tutorial 👍🐢

[@dikshitshrestha]

Really appreciate it Thankyou ❤

[@HEY-T]

can i ask something about when you hovering a text to bold the text next to it moves because hovering the text makes the space expand, can you explain how to fix it so the text next to it wont move ? thanks

[@SoulStitch1111]

a different way of on hover underline. I learned to use borders with 3 px etc. How would you use this with a drop down menu, and how would you make it responsive for mobile? Thank you.

[@IndiaThroughNoorsVision-ki5gi]

yeah ! that's what I am looking for

[@michaelraymondlegg210]

how to make the line stay underneath the nav heading whilst a dropdown menu is open? any solutions...

[@sizanahmed9489]

thanks a lot bro. i am highly benefitted by watching this tutorial

[@randomsshortz]

Nice bro thanks but how to fix overflow issue. Cause when website is live it's looking ugly because if you scroll sideways it shows another white screen with the nav items

[@element4931]

Thank you, I learnt so much for this tutorial.

[@sharycr]

i'm getting different width in the lines under every Heading, any advice?

[@subhrajitsarkar3585]

How to make active home button using this bro..no transition in the home button

[@farhatulsk]

Cool! Excellent 👌👍😊

[@ignaciocerda4188]

Suuuper useful! Thank you so much!

[@CodingArtist]

Glad it was helpful!

[@luiscalado4736]

How can i make the underline active when i press in one of the subjects in menu?

[@kaiser1771]

Hello i have a question. When i do it like u my font turns white also. Where is the problem?

[@madebydevon]

Probably in one of your color rules.

[@picku4486]

How can I change the color of the text while hover?

[@panda_craftgg9716]

Wie mache ich, dass der Strich von rechts kommt?

[@scooterman9058]

for me its showing one long line

[@SerhiiParkhomenkoFingerstyle]

Thank you so much! It's just amazing!

[@BhupeshSanwaria-rv7jq]

how can we do it in shopify, a viral video

[@ndamiraregis9176]

Very helpful💯💯

[@tahiriqbal2447]

Thank you for sharing this video :)

[@deancorbyn]

Great effect. Only problem is, the link to download code takes you to a nightmarish zoo of 'download', 'download', 'download'. Way too much spam for me to risk.

[@honkhonkv2236]

perfect, thank you !

[@danieloliveira9595]

Cara me ajudou muito!! Parabéns pelo video.

[@Peaceful_Ayoub]

But, how I can make animation from left to right

[@berat2690]

very helpful tutorial straight to the point thank you

[@achmadakif2048]

Great content!

[@chakirfri]

thank you this was so helpful

[@CodingArtist]

Glad it was helpful!

[@Modrex.Dev0]

Thank you Bro I like you Channel

[@lucassch852]

Simple, yet efficient

[@surajmarmat6700]

Great video 🔥🌸

[@CodingArtist]

I will upload soon.

[@PoornaChandra-gl6fp]

good job brother

[@rekavadasz5377]

Thank you this was really useful!

[@CodingArtist]

Glad it was helpful!

[@kainanguerra5245]

do i need some extensions??

[@CodingArtist]

No extensions needed.

[@yanferaraque1051]

yes, I'm the 100 like!!

[@slspread9589]

amazing and usefull video

[@ayushabad1862]

thanks a lot sir💕💕💕

[@samratkumardas5874]

Thank you very helpful video

[@plantas-medicinaisoficial]

Mano, você me salvou...🙏🏾

[@airdropdada1797]

helpfull vdieo bosss....

[@meandi3049]

how can i move closely to the word?

[@daudahmed2343]

amazing

[@gaaradh8533]

Thank you so much!

[@CodingArtist]

You're welcome!

[@shishirm.h.e1433]

Thank you so much brother.

[@CodingArtist]

You are most welcome

[@yubrajkhatri3519]

Not working red arrow in continuous

[@JunedKhan-rs8xh]

Good work :)

[@ngoctannguyen9776]

Great video

[@kunalshivnekar1569]

Great 👏

[@alirezamohammadi8578]

good job its good and خلاصه

[@olga_lc]

thank you!

[@maximo5263]

Thanks !!!

[@jonathanmora8208]

I closed a video of Eva Andressa to watch this one thats means a lot lol!!!!

[@HatakeKakashi10]

thnks dude

[@CodingArtist]

You're welcome

[@Happy-jw5tn]

I come from Sololearn :)

[@ajaybirare1845]

great

[@RenanArizaSalmazio2034]

thanks a lot!!!!!

[@baddriver3167]

thank you my G

[@mayssaomrani4985]

ou je peux trouver ce code ?? svp

[@heanz-sk6xs]

nice

[@usamashahid6701]

Thanks

[@CodingArtist]

No problem

[@iamdanyaal]

Thank You Sir

[@CodingArtist]

Most welcome

[@yasinsherif8875]

Thank yoy

[@kaushaloza6979]

aaah just op

[@happymod3015]

Good

[@rickyflores9061]

How can you add a drop-down menu there?

[@Pranav-jx7lv]

👌

[@karlo-o2z]

dude your killed my ears

[@gmusic8241]

Love

[@faroukdjld6761]

❤️

[@AnimeThings_]

Road to 20k subs

[@saivikramyt]

😊

[@nikomrkoci4015]

arigato

[@hieu4263]

Like

[@shrutisharma8750]

Thank you so much

[@CodingArtist]

You're welcome!

[@yeyintokkar2617]

are these the world's most crispiest fries...... let's find out 🫲😐🫳

[@CreativeDevLab]

thank you it helped me

[@doruktipici1139]

thank u very much

[@portalispcursos]

thanks

[@Gollum69]

thank u bro

[@CodingArtist]

You're welcome!

[@justmonika6529]

thanks!

[@CodingArtist]

Welcome!