Jump to content
matshearer

Question

Recommended Posts

matshearer    0
matshearer

If you visit cyndilauper.com, pay attention to the black footer bar at the bottom, and the full page background image.

 

Now take your browser and resize it to the size of a cellphone.

 

See how the background turns into an image above the content (not behind) and how the rest of the page behaves?

 

How can I make PageLines do this?  Is it possible?  This isn't my website, however this website contains an example of a feature I'd like, or like to learn to create.  Any insight would be greatly appreciated.  Thanks!

Share this post


Link to post
Share on other sites
James B    436
James B

Hi Mat 

 

Pagelines won't do that out of the box unfortunately. The only way I think you'd be able to create something similar would be via custom css.

 

Setting up both a background image for the page and then putting a slider in the template with the same image in. Using browser specific css you'd then have to hide the slider on the desktop version, using {display:none;} command, and hide the background image on the mobile version (and visa versa). The end result probably wouldn't be as smooth as that site, I would think that's using some form of js script to give that effect and they have a mobile site set up on a different layout to the main site.

 

For more information on browser specific css check out - http://support.pagelines.me/docs/plugins/browser-specific-css/

  • Like 1

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
matshearer    0
matshearer

Thank you for taking the time to help me with this!  It is deffinetly going to be a task.  There is just something about how that website moves that is just awesome.

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


×