How to edit webpage for mobile devices

  • Steven

    (@lamsteven94)


    10 years, 11 months 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • David Choi

    (@wpthemes777)

    10 years, 11 months 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

    Thread Starter Steven

    (@lamsteven94)

    10 years, 11 months 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!

    Thread Starter Steven

    (@lamsteven94)

    10 years, 10 months 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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to edit webpage for mobile devices’ is closed to new replies.