Want to add another size option for section on Impulse theme

Store Design
1

I’m using the Impulse theme which has a section called “promotion grid.” The blocks have the sizes 33%, 50% and 100%. I would like to add a 2/3 size so 66% or whatever fits there. (In editing it seems 65% does the job but 66% forces a break.)

I’ve added the size in the promo-grid.liquid file under sections in the code. The new size shows up in the admin customizer, but it still defaults to 100%. I’m thinking there must be more display code to edit but can’t find it.

Any ideas?

2

Hi,

Can you share a screenshot

3

I’ve added the blocks I’m working with to the bottom of my site here: https://forevervirginia.com

Note that I’ve got some CSS to work around this issue at the moment. However, I still think it’s breaks too soon on smaller screens and I’m not sure it’s well-done overall (since I’m a bit of a code dabbler).

Here’s the CSS I added:

.flex-grid__item–66{
flex: 2 !important;
}

4

Almost there - but not quite. I feel really close with this version of the custom CSS. However, if you shrink the screen down to just under the max width, there is a point where the 66% block goes to full width (as it should) but the 33% block doesn’t switch to 100% until you shrink the window further.

Anyone have an idea why?

5

Figured out the problem. The default text was pushing everything too wide.