Visual theme – Responsive vs defined pixels for optimal display

  • Unknown's avatar
    nilla2014 · Member ·

    What is the best way to set a site’s width these days for optimal display on most/all devices? Responsive or defined pixel width? I’ve read that adding CSS for several devices may be the better way as Responsive comes with its own set of challenges. I want to keep it simple:)
    Any help would be great!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, trying to target by device is unreliable right now. It used to be there was some javascript that could be used within themes and sites, but with so many blocking javascript on their devices for security reasons, this simply doesn’t work.

    When working with WordPress themes, it is best to follow the conventions that are used in the theme itself. Some will set max widths in pixels, or em units, some will use percentages, and you can also find a combination of all of them. In general, the theme designers will use what is right for the particular elements within the theme to keep things proportionally looking good and readable.

    In theme design the trend now, and the one our designers follow, is to design for mobile first, and when that is looking awesome, then they work up to larger and larger screens. That means that they may not set their breakpoints to match devices, but instead set the break points to work and keep the site looking good and keep the content as readable as possible.

    My best suggestion when customizing a theme is to look and see how the theme designer did a particular element and then follow that, which should keep things working and looking good.

  • Unknown's avatar
    nilla2014 · Member ·

    Hi,

    Thanks for the detailed info!
    My problem is that I’ve been dropping images in tables. I’ve only just noticed that my post displays truncated images on the right-side and I understand this is due to the tables not wrapping. However, in the Visual theme, there’s no way I can display 3 portrait images or 2 landscape images side-by-side without dropping in a table. So, I will stick to left, centre, right-justified as I don’t want to set up a slider display.

    Thanks again:)

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Visual theme – Responsive vs defined pixels for optimal display’ is closed to new replies.