Hi, again — I’m hoping you can give me some guidance on best design approaches to optimize responsiveness by taking a look at how I’ve built one of my pages — specifically:
(1) Is it best to pad rows or individual elements in rows?
(2) To avoid appearance of large spaces at bottom of elements on smaller device screens should I turn Element Spacing off and instead use padding only to control?
(3) Is it better for responsiveness to use a certain row width setting (i.e., standard, full width contained, full width stretched)? — I’m currently using stretched throughout
(4) I’ve loaded custom fonts using Theme Options/Font Options, but they’re not appearing on mobile devices
(5) As I resize my window, elements are not immediately responsive (I have to reload the page in the resized window) — is there a way to have elements resize in real-time?
Thanks again for all of your help.
.