Codeinwp / otter-blocks

Create beautiful and attracting posts, pages, and landing pages with Gutenberg Blocks and Template Library by Otter.
https://wordpress.org/plugins/otter-blocks/
GNU General Public License v3.0
128 stars 33 forks source link

Margins on mobile conflict with margins on desktop #2234

Open AndreeaCristinaRadacina opened 2 weeks ago

AndreeaCristinaRadacina commented 2 weeks ago

Description

A user reported that the margins he set on the desktop are also applied on mobile.

Step-by-step reproduction instructions

  1. Go to a page and add a section block with two columns

  2. Add 1 image in each column as an example

  3. Select the first column > Style > Margin on the desktop and add 20 for the second dimension:

    image
  4. Click on mobile and make sure the values there are 0 for the margin.

  5. Now do the same for the second column, but instead add 20 for the last dimension:

image
  1. Save and check the page on mobile and desktop.

Screenshots, screen recording, code snippet or Help Scout ticket

image image

ref: https://secure.helpscout.net/conversation/2627417226/422428?viewId=212385

Environment info

No response

Is the issue you are reporting a regression

No