Add a dash to WordPress submenu

[hal8]

Hi,

I have been working on this website with WordPress

[website](http://dac.planbfootball.com/ “website”)

And think I have got most of it sorted now regarding responsive design !!

But I wanted to add a dash (-) before the submenu links so when on a smaller screen the visitor will now what parent the submenu is under.

Now I know how to do this when coding on a static site but how the hell do i do this on a wordpress website ??

Thanks in advance.

[TheDoc]

Well, you could do it with a `:before` selector. Something like:

ul ul li:before {
content: “-“;
}

[hal8]

@TheDoc
Thanks for the reply but I cant seem to get that to work !!

[TheDoc]

Here’s an example: http://codepen.io/ggilmore/pen/29d763d449a42a27f7d24759c5e6e4e4

[Senff]

I don’t see you putting @TheDoc’s suggestion anywhere in your CSS files. Hard for us to figure out why you can’t get it to work that way…

[hal8]

Thanks for the demo @TheDoc. I have managed to do this now with a bit of help. I dint really explain it properly.

I was tryng to have the dash just on mobile size devices and not on desktop.

[Paulie_D]

>I was tryng to have the dash just on mobile size devices and not on desktop.

A media query should deal with that.

[Author]

Posts