WordPress.org

Ready to get started?Download WordPress

Forums

How to edit webpage for mobile devices (4 posts)

  1. Steven
    Member
    Posted 1 year ago #

    Hey guys,

    My website is http://www.slamlink.net. I am currently running a child theme of the Pinboard theme. I was wondering how I can edit the css file so that my website resizes itself on mobile devices. I've done a bit of research and I think I have to use the media query? I also have to note that the content that i'm having trouble with is my webpages in my Java page: Lab 1, 2, 3, etc. because I made the div's to have a specific width. Thanks!

    -Steven

  2. David Choi
    Member
    Posted 1 year ago #

    Yes, you need to use media query, here is a nice tutor

    http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries

  3. Steven
    Member
    Posted 1 year ago #

    Oh thank you david choi, I will definitely look into this.

    I do have some questions:

    1) What is this href for? <link href="mediaqueries.css" rel="stylesheet" />

    2) And what does this code do? <meta name="viewport" content="width=device-width; initial-scale=1.0">

    thanks!

  4. Steven
    Member
    Posted 1 year ago #

    hey guys, I didn't want to create another post so heres a bump.

    I updated my website a bit but when I view my website on a mobile device/tablet, it looks funky like the dividers/containers are not aligned or shaped correctly to fit the screen. I tried the media query but that didnt the trick. Any help or suggestions would be appreciated!

    -Steven

Topic Closed

This topic has been closed to new replies.

About this Topic