Making a current wordpress site responsive?

by 8 replies
10
Is it possible to make a current wordpress site responsive?

Best Regards

Matt
#website design #current #making #responsive #site #wordpress
  • I've been playing with the idea of setting up a new site that I could call my own and using Wordpress themes already in place for my company.

    I came across this article, maybe it could help.

    http://vandelaydesign.com/blog/web-d...sponsive-site/

    Manny
    • [1] reply
    • That's cool I saw that earlier. Just a bit tricky to implement, if it goes wrong but I will take a look.
  • [DELETED]
  • Absolutely. You just need to add a stylesheet (or a custom css block) to your theme that utilizes media queries to reset your site elements for specific device widths.

    For example, you might add this to begin:

    Code:
    @media only screen and (max-width:850px){
    img{max-width:100%;float:none}
    }
    That's a basic example, but that's really the nuts and bolts of responsive design. You establish a device size, in this case 850 pixels and less, and apply specific CSS directives that will only apply when the viewport matches those parameters.

    Hope that helps. Aaron Gustafson is the godfather of responsive design (he coined the term "Adaptive Design" which has morphed into "Responsive Design"). You might check out his book on Amazon. Its the responsive design bible
  • Learn CSS framework such as twitter bootstrap or zurb foundation, or if you're good at wordpress, themeid [dot] com is good for responsive framework
  • I prefer starting from scratch instead of adding some media queries.

    ZURB Foundation is my favourite framework.
  • You can try Skeleton or foundation or twitter bootstrap for responsive design.. or you can go for a freelancer who has expertise in responsive design!

    Best of luck.
  • replace the static values with the % .. that's all
    • [1] reply
    • Huge oversimplification. Use this if you don't really care what the mobile experience looks like

Next Topics on Trending Feed