style.css for mobiles

  • I don’t know if this is appropriate but could anyone let me have a copy of a style.css that includes resizing for mobile displays?
    I’m really struggling with trying to understand how it works and “by example” may be the best way!
    Thank you

Viewing 3 replies - 1 through 3 (of 3 total)

  • Have you checked some online tutorials with the basics of responsive design in CSS?

    The main point is to create webpage with the smallest screen in mind. You style the page(s) for the default screen size (it can be the biggest screen size – desktop, or the smallest – mobile phone), and then by media queries adjust elements as needed for all other screen sizes.

    Personally I start with the width of 1920px as the default (and maximum), and go down towards a 320px minimum screen size.

    Moderator bcworkz

    (@bcworkz)

    You’re free to download any responsive theme in the WP repository and examine its style.css file. Like Ivan said, the use of media query breakpoints is typically how themes manage to be responsive to mobile screens. The concept of Intrinsic Design in themes is some alternative thinking on how we would manage responsive themes. It leverages some new concepts that have recently become available in modern CSS.

    Thread Starter timchezbejas

    (@timchezbejas)

    Thank you for your replies!
    It’s very helpful and I’ll follow your thoughts

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘style.css for mobiles’ is closed to new replies.