Making A Website Responsive

by c3414
11 replies
  • WEB DESIGN
  • |
Hello everyone,

I currently have a landing page that I have been using to target desktop users. I would like to also use the website to target mobile and tablet users. The website is not very responsive, so it looks really bad on mobile devices.

What would be the best way to make my website responsive? I'm not really good at web design, so I will probably get someone to do it for me. Would it be best to outsource the work to someone on Fiverr? Any recommendations? What do you think it would cost to have this service done?

Thank you
#making #responsive #website
Avatar of Unregistered
  • Profile picture of the author megatop
    The easiest way of doing that would be to restructure the page's HTML to use bootstrap framework. As far as the price goes, it depends on how many pages you have, how complicated it is etc. I can take a look at your page and give a detailed opinion. PM me the page link if you like. Hope this helps.
    {{ DiscussionBoard.errors[11385881].message }}
  • Yes, you need to restructure the HTML and use bootstrap to make it responsive.
    {{ DiscussionBoard.errors[11386514].message }}
  • Profile picture of the author mandeepsingh
    Write New Content and restructure your web page, make responsive layouts. By doing these tasks, the website will become mobile friendly.
    {{ DiscussionBoard.errors[11386519].message }}
  • Best way of making website responsive is to create the website in HTML or if it is created than redesign it in HTML.
    {{ DiscussionBoard.errors[11387025].message }}
  • Profile picture of the author Dwayne mike
    To make a website responsive there are two ways to create a custom CSS or using a bootstrap but if you are not expert in it then I recommend you to go with the outsourcing but hire the responsive web developer who well-known CSS, bootstrap and media queries stuff.
    {{ DiscussionBoard.errors[11387102].message }}
  • Profile picture of the author Ethan Root
    An over-simplified process you can follow:
    Define a simple architectural structure for your website.
    Create your necessary content.
    Cut down that content until you can't remove any more.
    Refine the structure as necessary.
    Load the content into a small (~320px-wide) container using the appropriate HTML elements.
    Refine and style your content.
    Now gradually expand the width of your container until the flow starts to break or the meter is too long. Write media queries to cater for these. i.e. center-aligned content won't work so well at higher resolutions, so switch to left-aligned content when it starts to look bad.
    Sugar-coat the content at greater resolutions by using richer imagery (or optionally adding after effects like animations. (Progressive Enhancement is the keyword here)
    Test your site at a Mobile Device Lab.
    {{ DiscussionBoard.errors[11387750].message }}
  • Profile picture of the author bestmedicines
    Here i have given the steps to make your website responsive:

    Create your content and structure
    Create the page structure
    Add content to the page
    Create the headline and form
    Create the Video and Information section
    Create the Images Section
    Add the Tabulated Data Section
    Add a Footer


    Make it responsive
    Add a viewport
    Apply simple styling
    Set your first breakpoint
    Constrain the maximum width of the design
    Alter the padding and reduce text size
    Adapt elements to wide viewport
    {{ DiscussionBoard.errors[11387768].message }}
  • Originally Posted by c3414 View Post

    Hello everyone,



    I currently have a landing page that I have been using to target desktop users. I would like to also use the website to target mobile and tablet users. The website is not very responsive, so it looks really bad on mobile devices.



    What would be the best way to make my website responsive? I'm not really good at web design, so I will probably get someone to do it for me. Would it be best to outsource the work to someone on Fiverr? Any recommendations? What do you think it would cost to have this service done?



    Thank you
    Hi,

    If you want to run your website well on all different devices is not too much difficult. There are a lot of responsive themes available just put your data there and It will render fine on all devices. I

    Thanks
    Inam Khattak.
    {{ DiscussionBoard.errors[11388105].message }}
  • Profile picture of the author stephenchong
    By using HTML and CSS to automatically resize and shrink a website which looks good on all devices. But nowadays many responsive themes are available, so you can choose a responsive theme which automatically adjusts itself according to the device.
    {{ DiscussionBoard.errors[11388587].message }}
  • Profile picture of the author c3414
    My website is now responsive and it looks good on desktop, mobile, and the tablet. Thanks for all the help.
    {{ DiscussionBoard.errors[11388714].message }}
  • Profile picture of the author yukon
    Banned
    The easiest way to make a mobile/responsive webpage is with Bootstrap.
    Signature
    Hi
    {{ DiscussionBoard.errors[11388740].message }}
Avatar of Unregistered

Trending Topics