More on Breakpoints
If the default breakpoint values do not fit your specific site well you may adjust by increasing or decreasing them until you get a good fit. It should be said that you are not limited to making adjustments to tablet and mobile browsers (These are just titles with matching default values ). You can set the value to whatever you like, for example 1024px which would allow you to adjust for small desktop screens. If you would like to only have one breakpoint, you can even set the “Mobile” value to 0px and only use the “Tablet” section.
Here are some default breakpoint values that work well with Pure for RapidWeaver: 1280px (Desktop), 1024px (Small Desktop), 840px (Tablet), 640px (Mobile).
Along with setting different width values for each breakpoint, you are also able to choose to hide certain content. Just select the “Hide” value in the breakpoint settings or the width settings if you would like to hide content on desktop browser widths.
If I want to have unique content for each of these browser widths (Desktop, Tablet, and Mobile) I can add a Grids Stack with columns 1-3 set to 1(100%), hide, and hide. And set columns 4-6 to Off.