/* /* Utility / Flip - hide the element */ [data-wf--utility-flip--variant] { display: none; } /* ================================================ MOBILE SCALING ================================================ */ @media (max-width: 991px) { /* Corner positions */ [data-wf--background-element--position="top-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="top-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="none"]) { transform: scale(0.75); } /* Corner positions with flip */ [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="horizontal"]) { transform: scaleX(-1) scale(0.75); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="vertical"]) { transform: scaleY(-1) scale(0.75); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="both"]) { transform: scale(-0.75, -0.75); } /* Center positions */ [data-wf--background-element--position="top-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-center"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-center"]:has([data-wf--utility-flip--variant="none"]) { transform: translateX(-50%) scale(0.75); } [data-wf--background-element--position="center-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="center-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-right"]:has([data-wf--utility-flip--variant="none"]) { transform: translateY(-50%) scale(0.75); } [data-wf--background-element--position="center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center"]:has([data-wf--utility-flip--variant="none"]) { transform: translate(-50%, -50%) scale(0.75); } } @media (max-width: 767px) { /* Corner positions */ [data-wf--background-element--position="top-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="top-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="none"]) { transform: scale(0.5); } /* Corner positions with flip */ [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="horizontal"]) { transform: scaleX(-1) scale(0.5); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="vertical"]) { transform: scaleY(-1) scale(0.5); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="both"]) { transform: scale(-0.5, -0.5); } /* Center positions */ [data-wf--background-element--position="top-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-center"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-center"]:has([data-wf--utility-flip--variant="none"]) { transform: translateX(-50%) scale(0.5); } [data-wf--background-element--position="center-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="center-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-right"]:has([data-wf--utility-flip--variant="none"]) { transform: translateY(-50%) scale(0.5); } [data-wf--background-element--position="center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center"]:has([data-wf--utility-flip--variant="none"]) { transform: translate(-50%, -50%) scale(0.5); } } */
Oct 9, 2023

Improving User Experience with CMS

Improving User Experience with CMS

User experience is vital for website success. Here are ways to improve it using your CMS:

  • Navigation: Ensure your site is easy to navigate.
  • Loading Speed: Optimize your site for faster loading times.
  • Content Quality: Regularly update your content to keep it relevant and engaging.
A great user experience leads to higher engagement.

Plan a campaign with measurable goals

Request a curated PMP with screens matched to your KPIs. We'll recommend venue types, formats, and measurement approaches based on whether you're driving awareness, traffic, or conversions.

Request a Media Kit