Make your site look good on phones, tablets and desktops.
TeleportHQ sites are designed on a large screen first, and you adjust how they look on smaller screens by switching the canvas to a breakpoint (Tablet, Mobile Landscape or Mobile) and changing styles there; smaller screens inherit everything you don't change.
In TeleportHQ, click a smaller breakpoint icon above the canvas (such as Mobile, 479px), select the element and change its style; the change applies to that screen size and smaller ones only, and you remove it with Reset Values on the blue section title.
In TeleportHQ, click the Settings button (three dots) after the breakpoint icons above the canvas to open Breakpoints Settings, where you tick or untick the six screen sizes and change their widths; turning a breakpoint off permanently deletes all its styles across the whole project.
In TeleportHQ, switch the canvas to the screen size where the element should disappear, select the element and click the eye toggle in the Visibility section; hiding applies to that breakpoint and every smaller one, so to show something on mobile only you hide it on the default breakpoint and show it again on Mobile.
