So I'm building a mobile website using the WPtouch plugin for Wordpress.
I'm using an external CSS file to style certain elements of the site.
By default, the site displays the page title like this - "Home" "Shows" etc...
I would like to add something to CSS to make them display like this - "HOME //" "SHOWS //" etc.
I have used the following code in my CSS:
.post.page-title-area {text-transform:uppercase;}
.post.page-title-area:after {content: '//';}
However, this results in:
HOME
//
rather than
HOME //
Any idea why it would push the // onto the next line?
The site is - www.rjt-online.com (but it needs to be viewed on a touch screen phone)