Portfolio Help - jQuery nav transition and mobile design


Can you help me I would like to use jQuery to create a smooth transition on my navigation menu. And if you can offer any suggestions on how I can make my website look good on cell phones it would be greatly appreciated.

You could add Hover pseudo class to you navbar links and social media icons to make them beautiful and easy to navigate. For example

#myNavbar a {
  transition: 0.4s;
#myNavbar a:hover {
  background: lightgreen;
  box-shadow: 0 6px 6px -3px #555;

dont forget to add a transition effect. It will make the hover effect smoother.

.social-media a {
    transition: 0.3s;
.social-media a:hover {
    box-shadow: 0 8px 8px -3px #777;

And if you are not comfortable with bootstrap like me, you can use CSS Flexbox and media queries for mobile friendly design.

This article will help you for smooth navigation. Just few lines of jQuery without using a plugin.

Looks great. Thank you.

Okay, will do thank you .

@emygeek it worked perfectly. Thank you.

1 Like

@naeemrind I accredited this code to you in my website. Thanks again for your help.