Other How to make a WordPress website theme responsive...?

Discussion in 'General' started by TheMadDutchDude, 16 May 2018.

  1. TheMadDutchDude

    TheMadDutchDude The Flying Dutchman

    Joined:
    23 Aug 2013
    Posts:
    4,739
    Likes Received:
    523
    Hey guys,

    I've been trying to turn our review site into a responsive theme, because the theme itself is from yesteryear and needs to be updated to support a wider variety of resolutions.

    Is there an easy way to do this without buying a new theme, or am I **** out of luck with that one?

    I've tried changing the container width and such in the CSS file, but it didn't have much effect. I am not a web designer, but rather a total rookie (though I have very little experience) with it all.

    If someone has the answer, or is willing to look at it for me, I would be most appreciative. If you can get it responsive with a little time, I'd be happy to pay for a keg or two for you. :D

    Thanks!!
     
  2. Modsbywoz

    Modsbywoz Multimodder

    Joined:
    14 Oct 2009
    Posts:
    2,778
    Likes Received:
    273
    I would be happy to take a look for you. Drop me a PM and i'll take a quick look to see what's involved.
     
    TheMadDutchDude likes this.
  3. TheMadDutchDude

    TheMadDutchDude The Flying Dutchman

    Joined:
    23 Aug 2013
    Posts:
    4,739
    Likes Received:
    523
    Awesome! I’ll ping you a copy of the CSS file for you to look at. :)
     
  4. RedFlames

    RedFlames ...is not a Belgian football team

    Joined:
    23 Apr 2009
    Posts:
    15,889
    Likes Received:
    3,292
    If you want a second pair of eyes on it, feel free to drop me a pm... with either the css or a link to the live site...

    but the short version - media queries is how most sites do it...
     
  5. TheMadDutchDude

    TheMadDutchDude The Flying Dutchman

    Joined:
    23 Aug 2013
    Posts:
    4,739
    Likes Received:
    523
    The site is http://www.pureoverclock.com/ - but Warren already said that it is coded in an old standard, and therefore will be incredibly difficult to change. It'll be far easier to update it to a new theme, which is something on the list of things to do. :)

    Media queries looks interesting. I might try to learn something from it. Thank you! :D
     
  6. RedFlames

    RedFlames ...is not a Belgian football team

    Joined:
    23 Apr 2009
    Posts:
    15,889
    Likes Received:
    3,292
    tbh 'bin the theme and start over' would probably be my advice too...
     
    TheMadDutchDude likes this.
  7. TheMadDutchDude

    TheMadDutchDude The Flying Dutchman

    Joined:
    23 Aug 2013
    Posts:
    4,739
    Likes Received:
    523
    Thank you, both. I appreciate it. :)
     
  8. Weekly_Estimate

    Weekly_Estimate Random bird noises.

    Joined:
    1 Feb 2010
    Posts:
    3,806
    Likes Received:
    1,005
    If that’s your forum, well done on actually building an active community, the post in the bitcoin section got me though, "anyone want to buy 1 bitcoin" currently worth 900-1000 dollars… that 1 bitcoin could of eventually netted the guy 18,000 dollars lol
     
  9. TheMadDutchDude

    TheMadDutchDude The Flying Dutchman

    Joined:
    23 Aug 2013
    Posts:
    4,739
    Likes Received:
    523
    It’s not mine, but I work for the site and am actively trying to build it into something spectacular. :)

    Thank you for the kind words! :D
     
  10. aLtikal

    aLtikal 1338-One step infront of the pro's

    Joined:
    7 May 2008
    Posts:
    944
    Likes Received:
    30
    At the end of the day the website content and structure is stored in the database in WordPress, and the theme merely presents this to the end-user. So, you could buy a new responsive & mobile first theme; and lose none of the data....but, you would need to re-brand the new theme appearance so it appears branded to Pure OC. The caveat to this approach, is that its important to know how much bespoke customisation has been made within the existing theme. If there is a lot, then all of this bespoke customisation will need to be migrated to the new responsive theme and this can become a fairly involved piece of work. Hopefully bespoke customisations have been made via plugins....but more often than not this is not the case <cryface>.

    You also have the same approach discussed already, by retrofitting the CSS to become "responsive" but more often than not this is not done in a mobile-first approach as this involves a significant rework of the CSS.

    As always, there are a few ways to do it and it depends on budget, future objectives and strategy. I would advise ensuring you are going forward with a mobile-first CSS architecture whatever you do.

    (I work as a developer within a digital agency, using WP and WooCommerce)

    Goodluck!
     
  11. TheMadDutchDude

    TheMadDutchDude The Flying Dutchman

    Joined:
    23 Aug 2013
    Posts:
    4,739
    Likes Received:
    523
    Thank you for your input!

    We are currently trying to decide what way we want to go with the site (we don't currently own it) which means a lot of mulling things over is in order.

    We've pretty much already decided that we do need a new theme, even if we do remain on a static theme (most review sites do) but with a wider overall width to the content.

    Who knows... maybe one day you will see a newly reworked PureOC, or you may end up seeing a totally new website that we start from the ground up (wouldn't be the first!) and see where the road takes us. :D
     

Share This Page