Smart phones do not have the same real estate as your normal desktop browsers.
Therefore, the pictures to the side will probably not move as you expect or the
pictures may be so large as to make your menu appear very small in comparison.
There is not a cursor hover effect available on smartphones or tablets as the cursor
does not appear to float over the selections. The hover effect is replaced by the onclick.
You will probably need to change the size of your fonts and possibly the image sizes
to make the site more readable with smartphones. My suggestion would be to have
different layouts based on the available screen size or design for the typical width and length
of the smartphones available. Or have the user be able to click on a button or link to
alter the display layout with a bit of CSS definitions.
Desktop to smartphone layout directly does not lend itself to a one display only solution.
My suggestion would be to create two different layouts to be used for the different displays.