Change text color of Navbar and logo

Support
#1

Hello,

In my one of a page, my hero image is black from the top, so due to which my Navbar and Logo is not visible.

Could you please suggest how do I change the Navbar or Logo (white), so that Header is visible even in dark color?

#2

Hey @alriteam,

Though your request sounds simple, you would actually need a lot of custom CSS to:

  1. Hide the logo and set a background to the logo container or link to display your alternate (light) logo image.
  2. Change the Navbar links including the sub-menu items to a lighter color.
  3. Change the mobile menu button color.
  4. Change the mobile menu links and active links color.

With that said, I strongly recommend that you upgrade to Pro so you can create a transparent bar with light colored elements so that it shows up for the first dark section and then you can have a solid bar display when the light section starts.

Doing those modifications is also outside the scope of our support so you will need to forward this to a third party developer.

Thank you for understanding.

#3

Hi,

Could you please help me to find the PHP files required to change for the above functionality? This will help me to understand, if I can achieve it.

#4

Hi there,

The steps suggested by @christian_y do not require you to override any PHP file as you will just need to write some custom CSS to achieve what you are aiming to do.

Here are some links that might helps you get started:

You can them place the custom CSS in X > Theme Options > CSS:

Or you may also place the CSS codes in the style.css of the child theme. Just make sure to clear your cache once you added some new code in the file.

Hope this helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.