Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 20, 2017 at 5:07 am #824361
    imexthemes098

    Hi,
    Need a little help in doing some changes on the website

    What I wanted is for the menu header text to be white on transparent background when it’s at the top, but I want it to be grey over white background when we’re scrolling down.

    Currently the menu has a black text on a semi-transparent background , and black text on white background when scrolling down.

    Many thanks!

    July 20, 2017 at 1:12 pm #824564
    Sarah

    Hey imexthemes098,

    For the white on transparent background, you should be able to set this in Enfold > Header > Transparency Options, under “Transparency menu color”.

    Then, for the gray on white background when scrolling down, this follows the color in Enfold > General Styling > Logo Area > Logo Area font color.

    You can customize the color of the Main Menu specifically through Enfold > Advanced Styling.

    I hope that helps!

    Best regards,
    Sarah

    July 20, 2017 at 2:03 pm #824594
    imexthemes098

    Hey there @sarah

    Thanks so much for your help? Now unfortunately I still have a small problem. Whenever I am on a page, I cannot see the menu link to which the page is related to.

    For example, if you check this Courier to Amazon FBA page (http://www.test.imexsourcingservices.com/courier-to-amazon-fba) , which is fathered by the Logistics Page, you’ll find that the navigation only shows Logistics in White, making it unreadable on this white background.

    How do I change this so that Logistics shows up in the menu similarly to all the other navigation links?

    Thanks

    July 24, 2017 at 12:58 pm #828990
    imexthemes098

    Hey there @sarah

    Thanks so much for your help? Now unfortunately I still have a small problem. Whenever I am on a page, I cannot see the menu link to which the page is related to.

    For example, if you check this Courier to Amazon FBA page (http://www.test.imexsourcingservices.com/courier-to-amazon-fba) , which is fathered by the Logistics Page, you’ll find that the navigation only shows Logistics in White, making it unreadable on this white background.

    How do I change this so that Logistics shows up in the menu similarly to all the other navigation links?

    Thanks

    July 25, 2017 at 4:36 am #829343
    Ismael

    Hi,

    Please add this code in the Quick CSS field.

    .header_color .main_menu ul:first-child > li.active-parent-item > a {
    color: red;
}

    Adjust the color value as needed.

    Best regards,
    Ismael

    July 27, 2017 at 3:17 am #830432
    imexthemes098

    Hi there, that is not working.

    I am using a child theme and we have called it IMEX Sourcing. The parent theme is Enfold.

    Unless you have the solution, it may be easier if you go and change it yourself.

    Thanks

    July 28, 2017 at 7:51 pm #831269
    Sarah

    Hi there!

    I noticed that you had applied Ismael’s code and that it is now working. :)

    I also noticed that when I hover over other menu items, the font color becomes white. In case you wanted to change that, you can use this:

    .header_color .main_menu ul:first-child > li a:hover {color:red !important;}

    Like in Ismael’s code, please replace the “red” with the actual color that you would like to use.

    Best regards,
    Sarah

    August 1, 2017 at 3:46 pm #832936
    imexthemes098

    I don’t understand why this is so difficult to solve.

    I want all of the navigation menus to be written down, just like on ANY regular site, regardless of whether the page is active or not.

    I want them to be in white when the user is at the top and in black when scrolling down.

    Please let me know clearly how to solve this issue or solve it yourself. Thanks

    August 1, 2017 at 4:10 pm #832942
    imexthemes098

    I’ve solved this actually, thanks.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Menu Text & Color changes’ is closed to new replies.