Docs

[Trent B]

Hi People.

I am wondering which file do I go into to delete the bar that is above the links in the top navigation page?

As how I have everything set out, if they are on one of the pages the text is highlighted pink anyway so I don’t need that other navigation bar to be there.

I would prefer deleting it from the back end than using .css to get rid of it if you can please show me which part to get rid of and in which file location. (as you have the customizer I find things are often not placed where they normally are on the back end).

Thank you a ton! 😀

[Trent B]

Hi, PLEASE READ THIS!

Sorry favourably I would be fine with keeping that if I can keep it pink in light with the theme, however when I change in customizer “site links> site links” colour it always changes everything including that bar and the side logos, icons at the bottom etc, which is completely fine, so that leads me to my actual question:

Can I have that “site linke> site links” style option in pink #f700a4 as I would like however change the colour of just the word links in the footer (not the social icons, for them to stay pink) the words that are currently “contact, terms and conditions, privacy policy”

I would just simply like these to be a grey and everything else can stay as it is.

This may be a simpler answer for you 🙂

Sorry and thank you 🙂 🙂 🙂

[Christian]

Hey Trent,

Thanks for writing in.

Please give us the URL of the website you are working on so it would be easy for us to see what you mean or your problem.

I’ll presume what you mean is the bar above the active menu item. The code to remove it is:

.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > .current-menu-item > a {
     -webkit-box-shadow: none;
     box-shadow: none;
}

Hope that helps. 🙂

[Trent B]

Hi There,

I am trying to remove this bar, I have put your code in but it isn’t working.

thelyricsco.com

The grey bar above the main links (music news, top 100) when you have clicked on it, I want this bar gone and that code when I put it into my css doesn’t work.

Thank you

[Kory]

Trent,

Try appending the !important selector:

body .x-navbar .x-nav > li > a:hover,
body .x-navbar .x-nav > .current-menu-item > a {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

Thanks!

[Trent B]

Ah yes I should have known, my apologies!

Worked perfectly! Thank you 😀

[Kory]

No problem. 🙂

[Author]

Posts