search

tomusborne / generateblocks

GenerateBlocks is a small collection of lightweight WordPress blocks that can accomplish nearly anything.
https://generateblocks.com
188 stars 18 forks source link

Border Width Responsive issue #1160

Open fernandoazarcon2 opened 6 months ago

fernandoazarcon2 commented 6 months ago

Description

Border disappears on mobile when you change the Border width responsively.

For example, the code output by GB on desktop is: h2.gb-headline-8daf2473 { border: 20px solid #d74141; } on desktop, it overrides this:

@media (max-width: 767px) h2.gb-headline-8daf2473 { border: 4px; }

As shown, the color and style parameters are missing in the mobile query. We need to re-add them or alter the CSS code altogether.

Steps to reproduce

  1. Add a constant top, bottom, left and right Border to a GB Block.
  2. Alter the border width on mobile.

Expected behavior

Border width changes

Actual behavior

Border disappears.

References:

... https://generate.support/topic/border-behavior-on-mobile/#post-71929