Pro Grid Element - remove margin on mobile breakpoint

Support
#1

Using the Pro Grid Element - trying to remove right margin on mobile breakpoint only. When editing mobile layout - removing right margin removes for all breakpoints. Is there a way to do this in the editor or do I need to use custom css?

#2

Hey Lonn,

Regretfully, you need to use custom CSS for now as there’s no per screen size option yet. In the future, there might be a feature to accomplish that. Please stay tuned for product updates.

Thanks.

#3

Thanks, where can I find/control the breakpoints for the theme?

#4

Hello Loon,

You will have to add an inline element css to the Grid element and use the CSS @media block so that you can apply the margins for the specific screen size.

Hope this helps.

#5

I was asking for the actual media query breakpoints. Are they:
Small: 480px
Medium: 767px
MediumLarge: 979px
Large: 1200px

Or something else?

#6

Hello Lonn,

Our breakpoints are the following:

  • Extra Small: 480 and below
  • Small: 481px - 767px
  • Medium: 768px - 979px
  • Large: 980px - 1199px
  • Extra Large: 1200px and up

We do not recommend modifying the built-in CSS coding to prevent any further complications. You must override it by adding your own custom CSS.

Best Regards.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.