Navigation
Archive / How can i edit the mobile site to that all content sits correctly?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 10, 2017 at 1:52 pm #1324404
    althousemedia
    Participant

    Hi,

    I’m building this site: http://www.althousemedia.com/

    All screen sizes work as expected however when I switch to the mobile screen size all images, text and content jumps out of kilter.

    How can I prevent this / design accordingly so that all content is correctly placed for mobile users please?

    I’ve attached two sets of Full Screen & Mobile screen sized parts of the site as an example.

    Firstly the about section and the clients section.

    I look forward to your reply & to getting this fixed as the client is rearing to promote with it.

    Kind regards

    Harry Swinhoe

    January 10, 2017 at 3:29 pm #1324538
    Joao
    Moderator

    Hi There,

    One important thing when designing a website is to have in mind the best pratices so at the end you need minimal adjustments for mobile, I am not preaching you but have that in mind when designing the internal pages.

    So for now, the first recomendations I would like to give you is change the margins and paddings from px to %

    200px will be 200px in a mobile or a desktop

    while 10% will be 10% of the screensize.

    That is a good start, one you adjusted that please point what else you would like to change so we help you with that.

    Thanks

    joao

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1324404 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>