Adding Breakpoints for Desktop View

How can I add one more breakpoint for Desktop View ?

Webflow Website has 2 breakpoints for desktop

But we can only design for 1 on our canvas

Please help .

At the moment only possible with costum code but in the future there will be a feature for adding breakpoints :wink:

@media only screen and (min-width: 980px ) { …CSS here... }

@Matzinger How can i do with custom code ?

You will need do at this:

@media only screen and (min-width: 980px ) { …CSS here... }

But it will get very complex because you will have to handcode the css for every element you need to change at this breakpoint. So if for example a div is to wide in this costum breakpoint you will have to code it by hand:

@media only screen and (min-width: 980px ) { classname{width: 800px;}........ }