• How do we get rid of the unsightly “x” in my main navigation bar.

    Also, when I look at the sight normally, how do I hide the “edit” words?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Open style.css in the Theme folder.

    Search for the following lines:

    horisontal-navigation .current-menu-item a:before,
    .horisontal-navigation .current_page_item a:before {
    	/*content: '\f405';*/
    	display: inline-block;
    	-webkit-font-smoothing: antialiased;
    	font: normal 16px/1 'Genericons';
    	vertical-align: top;
    	color: red;
    }
    
    .horisontal-navigation .current-page-ancestor > a:before,
    .horisontal-navigation .current-menu-ancestor > a:before {
    	/*content: '\f405';*/
    	display: inline-block;
    	-webkit-font-smoothing: antialiased;
    	font: normal 16px/1 'Genericons';
    	vertical-align: top;
    }

    and comment out the line
    content: '\f405';

    as you see above and the x is gone.

    Thanks seppsoft
    I have removed for now – is there anyway to change the X to another character and change the color? I tried to put blue where red is – however that didn’t work.

    Changing the content is easy. Instead of the unicode hex code (\f405) you just can write:
    content: ‘A’;

    or whatever you want to display.
    Changing the color doesn’t work for me either, even if I use the !important parameter 🙁

    Thread Starter Chefmom520

    (@chefmom520)

    OK, I tried what was suggested above and nothing works.

    It is a very annoying little “x”

    Any other suggestions.

    Thank you.

    thanks that’s worked 🙂 brill

    works great!!
    but didn’t initially worked with /* and */
    so commented out with //
    Thanx

    works great!!
    but didn’t initially worked with /* and */
    so commented out with //
    Thanx

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘"X" in navigation bar’ is closed to new replies.