Xidipity

Knowledge Base

Width
TOC: Width
Xidipity WordPress Theme Knowledge Base Width Classes TOC Image

Width can be a design challenge. On the one hand the content needs to display as desired, on the other it needs to scale to the available space. The reason the fixed width stops at “wd:20” (320px) is a larger size will not display well on a small mobile device such as an Apple iPhone 5/5s. This is where the media selector becomes useful. Default the width to 100% on mobile and then scale it back on larger screens. The advance width classes permits this behavior to be changed by applying a fixed, minimum, maximum, percentage, or fractional value. The targeted elements include images, videos, and content wrappers.


  • Since: v1.0.0

 

September 25, 2022