There, What is the proper way to add a media query

Hi There,
What is the proper way to add a media query to a custom style in Upfront?
I tried to target the element with
.mobile-breakpoint
in front of the target - but that didn't work.

  • Michael Bissett

    Hey @Michael, hope you're doing well today! :slight_smile:

    We'll need to take a different path here, and first enter Responsive Mode inside of the Upfront Editor by clicking on the "Responsive Mode" link in the left sidebar.

    Then, when it comes to each breakpoint, you'll want to assign/create a separate element style for each breakpoint. So for example, you'd want to click on the "Mobile" breakpoint, and then open the settings for the element you want to give a custom style.

    After you've clicked on "CSS Styles & Anchor Settings", you'd want to click on "add new style", and create your new style, calling it something like "text-element-mobile" (just to distinguish it from the other styles).

    The media queries would already be handled, so there's no need to enter them as you're creating a style for each breakpoint. :slight_smile:

    Let me know if this helps please!

    Kind Regards,
    Michael

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.