Hei! I have a page with fullscreen images in the background with parallex scroll, and a white 650px rectangle over this images. The content of the page is shown on the rectangle, and scroll along with the background images. It looks great on my 21 iMac, but on smaller screens disappear some of the content at the bottom. How to get this content too scroll on smaller screens? Any ideas?

without seeing anything visually, I will take a stab at this one by saying, design the layout to handle multiple 'media' styles. Have a different style sheet for each of the media styles you want to browse your site on and them link them in the Head to the appropriate styles.

 

<head>
<link rel="stylesheet" type="text/css" href="theme.css" media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
<link rel="stylesheet" type="text/css" href="handheld.css" media="handheld">
<link rel="stylesheet" type="text/css" href="smallscreen.css" media="screen and (min-width:500px)">
</head>

 

Edited March 13, 201412 yr by drt_t1gg3r

Hi, This is a common problem a lot of people face in the design side. Why don't you send your PSD file to us and we will help you find a solution to the Adobe Muse scroll problems and also convert it into an excellent responsive site. Take a look at our site PSD to Responsive to see what we do.