• 0
Sign in to follow this  
Followers 0

Help with Browser Specific CSS plugin?

Question

Posted · Report post

Hi guys, I've added some text to my header using the hook add_text_to_brandnav. All good in normal browsers but the text displays rather too large in iphone.. So I've installed the Browser specific CSS plugin to make the text smaller specifically on iphone only. Trouble is the plugin doesn't seem to do anything! Any help much appreciated. My test site is here: http://tinyurl.com/7rk7dqu The hook code I've used within my functions.php is this:

add_action('brandnav_after_brand', 'add_text_to_brandnav');
	
		// function name
		function add_text_to_brandnav(){
			?>
	
TELEPHONE:0208 123 12345 EMAIL:INFO@LONDONLANDMARK.CO.UK
<?php } // end function[/code] The CSS I've used within my style.css is this:
[code]div.headertext { font-size: 0.8em; position:relative; top: -28px; right: -200px; } /* Set font size for iPhone */ .iphone headertext{ font-size: 0.7em; }

It seems to have no affect.. any idea what I'm doing wrong? many thanks, Joe.

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

try [code]/* Set font size for iPhone */ .iphone .headertext{ font-size: 0.7em; }[/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Ah it's the dot! Thanks pross that's brilliant. What a great plugin!

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Cool, check out http://www.pagelines.com/tracking/wiki/Browserspecificcss%3AMainPage for a list of all the classes supported.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0