Jump to content
Sign in to follow this  

Converting Site to Responsive

Recommended Posts

Hi all,


I had a website built years ago as an ongoing project. It was built before responsive websites were common but now I would like to convert it.


As my site is not currently serious and pretty much a prototype for a later project I would like to learn how to code with it and then eventually convert it myself.


As the original website was built by a small company from scratch, using their own CMS, what would I need from them to take it over?


Thank you.

Share this post

Link to post
Share on other sites

It all depends. It might be as simple as right clicking for 'View Page Source' and saving.


It's possible but not likely that a small company would have their own CMS. It's probably either licensed or opensource, but in any case they should be able to give you a login. I had a site 'ripping' program once, when I used windows.


There are several different approaches to making a site responsive.


Learning html and css is enjoyable and not too hard. Good luck!

Share this post

Link to post
Share on other sites



Thanks for the reply. I have tried the copy and pasting route previously but the code somehow seemed incompatible with sublime text and notepad+. I remember it not displaying properly anyhow. That said, I am a total novice and probably did something wrong.


The CMS on which my site currently runs is probably one of the biggest issues. I do have a login but adding content is the most frustrating task at the moment. Everything is laid out in tables and there are very limited options for me to change. If I want anything major done I have to email the company and request it, then they code it in.


They have also quoted me for converting the site to responsive but it seemed a little expensive based my on limited knowledge of how "easy" it was to convert a site.

Share this post

Link to post
Share on other sites

Everything is laid out in tables and there are very limited options for me to change.



Forget trying to make the site responsive. Bin the CMS ASAP and go find an alternative platform. Nobody should have to rely on the developer to make changes to their own site. This doesn't mean don't ever use a developer but it does mean you shouldn't be beholden to them for everything.

Share this post

Link to post
Share on other sites

Nobody should have to rely on the developer to make changes to their own site.

Bit of a sweeping statement this. If I had built a site brochure I would allow a client to perform CRUD on content and that is it. Any change to the codebase even styling would be in breach of warranty.

In CSS case the output is compiled from Sass, so any edit to the compiled CSS would just get blown out next time a recompile is done.


The reason a CMS exists is so the client can work with content and not the codebase. This is where WordPress falls down as a CMS for me as it tries to do too much rather than purely focusing on content.

Edited by rbrtsmith

Share this post

Link to post
Share on other sites

My statement was regarding content, menus, headers footer and all the other components that need editing over the life of a website. I didn't mean messing with the codebase (but it may mean the ability to edit the CSS).

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • By onlinecarbooty
      I am the founder of WWW.ONLINECARBOOTY.COM which was the first Online Car Boot Sale ever created. The site now boasts over 100,000 members but we're always trying to improve things. We don't have a big budget like the big boys and have recently changed the look of the site and tried to make it look right on mobile and desktop. Until now, it used to have a seperate site for mobiles. I just wanted to ask what you guys thought of the site, design and responsiveness as we would love any positive or negative feedback.
      Many thanks, Mark at OCB

    • By ve3oat
      Trying to make my website (ve3oat.ca) more responsive, I include the usual "skip to main content" link near the top of each of my pages. However, when tested with the tool at varvy.com, my pages always fail due to "No 'skip to main content' link".
      I use
      <a href="#content">   Skip to main content</a> in the header, and
      <div class="content" id="content"> as the target below the header and the top-navigation bar.
      It works in Firefox and MS-IE, but always fails the Varvy test. Could someone please tell me something simple in html (I don't use Java any other scripts on my site) that will both work for users of screen readers and that will pass the Varvy test?? Thanks.
    • By jerseydudek
      does anyone have an example of a navigation bar structure where the logo is centred please.

      I've tried myself but the logo is slightly off centre and I can't find a way to align it perfectly.


    • By DigitalWorkshop
      I am using absolute positioning in a relative DIV to position two images over each other and I then want to put the main navigation underneath this banner header. I can't use a fixed height because the content is responsive. Does anyone have any suggestions apart from using a dummy spacer DIV and using javascript to get and set the relevant element heights every time the window is resized (surely there's an easier way).
      Here's the code and CSS. I want the "nav" div to appear directly under the "banner".
      <header class="wrapper clrfix" > <div id="banner" style="width:100%; position:relative"> <img class="abs" src="img/photo.png"> <img class="abs" src="svg/vector_logo.svg"> </div> <div id="nav" class="wrapper clrfix"> <!-- main navigation --> <nav id="topnav"> <div class="mnu-toggle">Menu</div> <ul class="srt-mnu" id="mnu-main-nav"> <li><a href="/index.shtml">Home</a></li> <li><a href="info/news.shtml">News</a></li> <li><a href="reviews/index.shtml">Reviews</a></li> <li><a href="blog/index.shtml">Blog</a></li> <li><a href="#">About Us</a></li> </ul> </nav> <!-- end main navigation --> </div> </header> ======== CSS ======== img.abs{position:absolute;top:0;left:0} Thanks in advance. Paul
    • By predatorx
      Can anyone point me in the right direction with a tutorial or plugin to create a responsive navigation. I really like the way the navigation displays on mobile viewports on this site and would like to implement something similar.
  • Recently Browsing

    No registered users viewing this page.

  • Member Statistics

    • Total Members
    • Most Online

    Newest Member
  • Forum Statistics

    • Total Topics
    • Total Posts