- This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- The forum ‘Other’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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.
Well, you could do it with a `:before` selector. Something like:
ul ul li:before {
content: “-“;
}
Here’s an example: http://codepen.io/ggilmore/pen/29d763d449a42a27f7d24759c5e6e4e4
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…
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.
>I was tryng to have the dash just on mobile size devices and not on desktop.
A media query should deal with that.