Jump to content
zouleo

Changing fixed navbar padding for desktop only

Recommended Posts

zouleo

Inside the pagelines-customize plugin I have a style.css. Inside this file I've put

body.navbar_fixed .page-canvas { padding-top: 39px; }

The problem is that I want the padding-top to be zero when using a tablet or phone. This actually seems to be default, but I'm overriding it with the above style.

So my question is. How do I get padding-top 39px only for desktops and zero for tables or phones?

Thank you

Share this post


Link to post
Share on other sites
James B

Hi there,

You'll need to apply some browser specific css to affect only mobile devices. You could look at our Browser Specific Plugin http://www.pagelines.com/store/plugins/browser-css/

Or try using @media as the selector to amend the Css. You can list a list of the various selectors here http://css-tricks.com/snippets/css/browser-specific-hacks/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

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


×