Mobile /tablet size displays CSS

Hi, i need some help with the mobile display / tablet display of my site.

1) Menu and Layout when 956px or less - http://take.ms/t4VXP

2) products images - http://take.ms/HErkp (when 956 px or less the images display differently can all three images display "Board Mounted Prints" one on top of the other

3) Contact form at 490px or less overlap of captcha form - http://take.ms/fl99m

Support Access is open until 15th
Domain - http://tinyurl.com/q4uutuk

Thanks

Tom

  • Tom
    • Code Wrangler

    Hi Luís,

    Thanks very much for the suggestion, managed to sort out a few of those issues, but still having some trouble with moving those images apart but they keep snapping not the way i want them too. Could you help me out with some CSS that might make these work more smoothly ?
    - Looks ok at full width
    when 570px tablet some issues - http://take.ms/ihIEj
    when 315px mobile some issues - http://take.ms/i7Gpz

    Also would you mind removing the screenshots from your last post please ( have had some previous issues with google loading these work in progress screenshots in google images which i would like to avoid happening again). - currently using monosnap which is a free unlimited storage screenshot and screencast software. or using a temporary image uploaded like http://filenurse.com/

    Thanks

    Tom

  • Luís
    • Support

    Hi @Tom,

    I hope had been good today!

    Firstly, sorry for the late reply and all the problems it may have caused.

    Try "Group" all those images. Hold left mouse button while dragging the cursor across those images and then release the mouse button (same as selecting multiple files on your PC), after that you will see Group button in the middle of the selector.

    I hope this information has been helpful. If I can help you in this or other questions, please let me know!

    Cheers, Luís

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.