FAQs

What's the difference between mobile first and desktop first?

In mobile first, your styles will inherit upwards from the smallest media query, whereas in desktop first they will inherit down from the largest media query.

What does the breakpoint indicator do?

The breakpoint indicator shows you which breakpoint you're viewing your website at in the bottom left of the browser.

How do I turn off the breakpoint indicator?

Go to Extend > Uninstall and search for Site Studio Breakpoint indicator.

Can I use my own SCSS variables in Site Studio?

No, you cannot use SCSS variables in your codebase inside the Site Studio interface.

Why is the preview in the Style builder not updating?

The style preview may not be updated because the refresh icon hasn't been toggled to the active state.

How do I use an SCSS variable in my styles?

To use an SCSS variable, enter your chosen variable into the appropriate CSS property.