Problem with Top Navigation Menu Position and Footer Menu Link Color

Hi djongdjogja. Welcome to the Hueman forum.

1. The two navigation bars are actually aligned; it’s the boxshadow that makes them appear different. Add this to your custom CSS and it should look better:

/* remove shadow around content area */
#wrapper {
    box-shadow: none !important;
}

2. Try this for the footer menu:

/* footer menu items black */
#nav-footer .nav li a {
  color: #000;
}

Hi bdbrown, thank you for you fast response. I applied the code to my Simple Custom CSS plugin, It seems this # mark is not recognized so I try to change with . (dot).

Nothing Changes.

This is how the two codes look in my CSS:

/* remove shadow around content area */
.wrapper {
box-shadow: none !important;
}

/* footer menu items black */
.nav-footer .nav li a {
color: #000;
}

Thank you for any reply.

I just changed them both back to # on your site and they both worked. Do you have a cache plugin active? Or are you using a CDN? If so you should clear those caches, and also your browser cache. If you change them back to the way I posted them they should work.

Hello bdbrown, I did all the instructions. problem 2 solved. Now only the topbar navigation position still no change. For information, I also removed the search button on the right corner of topbar menu. May it could affect?

Any idea? Or if you could please show me another thread with similar issue.

Thank you..

I see that both of those styles are now being applied. I guess I don’t understand exactly what the issue is with the topbar menu. Can you be more specific? Do you mean that the item “Home” in the top menubar isn’t lined up with “Portfolio Packages” in the header menubar?

Hello bdbrown, yes friend, that is what I mean. That item “Home” in the topbar menu is not lined up with “portofolio Packages” in the header menu bellow. You are right.

This is the code I put inn CSS:

/* remove shadow around content area */
#wrapper {
box-shadow: none !important;
}

Thank you for for you attention. Actually I am waiting for premium version of this theme.

Best regards.

We just need to apply the same padding to the topbar menu container that the theme applies to the header menu. This should do it:

#nav-topbar .container {
    padding: 0 15px;
}

You are super !!
It works within second.
Thankz a lot.

Solved !!

You’re welcome.