A lot of phone friendliness problems

  • Anyone else having trouble getting what they want to on phone screens?

    I’ve been using beaver builder and design on phone screens turns out a mess sometimes even after trying to fix everything with precision. Rows, buttons, distances, and other just don’t change no matter what I try!

    Any suggestions and more customized building tools? How can we build a professional looking website when we can’t put things where we want. They change on screen but on phones I don’t have much control, even when I used customized rows for small screens and other techniques.. This is a mobile generation, is there a way to access more and easier phone design customization features?

    1st post here by the way, and this is the site I built earlier https://www.MFPLebanon.com

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

  • This won’t directly answer your questions as this is a pretty deep topic and there really isn’t a “magic button” solution. I would start first by becoming familiar with the mobile-first and responsive design paradigm. The idea behind this is to focus first on the small, less-capable devices and their smaller screens. Then develop the CSS so that the site “responds” to the device screen width. CSS media-queries play a big role in this approach. This also means using relative sizing units instead of fixed units (so use REM, EM, %, or VW/VH – not PX). Also design with the idea of “progressive enhancement”. Decide what absolutely has to be on the screen or what the core functionality that always has to work is. Then “progressively” enhance this content/functionality so devices that support more advanced features can get a more refined experience while less capable browsers/devices can still access the content or functionality. Through these design approaches (mobile-first, responsive design, and progressive enhancement), you can build a widely accessible and usable website that supports old, current, and future browsers and devices. And all it requires is an understanding of semantic HTML and CSS – no special tools needed.

    It all depends wether your theme is responsive or not.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘A lot of phone friendliness problems’ is closed to new replies.