Jump to content
Sign in to follow this  
gayatriom

Remove Feature only in Responsive Mobile version

Recommended Posts

gayatriom

Is it possible to remove the feature only in a the responsive mobile version? I tried : .responsive #page #feature-area {display:none;} But i lost my entire feature area all together.

Share this post


Link to post
Share on other sites
Rob

You're on the right path, but the wrong road. You need our Browser Specific CSS Plugin and rather than .responsive, you'll need to specify the OS or Browser you want to hide it from. Here's the plugin http://www.pagelines.com/store/plugins/browser-css/


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
gayatriom

ohh ok. cool. So it's possible. yay! let me try this out :)

Share this post


Link to post
Share on other sites
gayatriom

so i installed the browser css plugin, but I can't seem to figure out how to SEE the iphone/mobile css so that I can actually change it.

Share this post


Link to post
Share on other sites
Danny

Hi,

The Browser Specific CSS plugin, simply adds classes to your body, so you can use these classes to style your site different on multiple browsers/devices.

However, you could add this code to remove the feature slider on your iPhone.


@media (max-width: 480px) {
#features { display:none; }
}
[/CODE]


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
gayatriom

this worked! OMG it worked.

Works SO beautifully!

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  

×