How to control width and wrap for elements in Advanced Columns block

  • 2 Issues I’m trying to resolve:

    1.
    In the light blue Advanced Column block with four SVG icons and text at https://www.dougschumacher.com, I’m trying to figure out how to make the icons not extend as widely as the text below it. I’ve noticed that in the child Advanced Columns Block containing the SVG icons, there’s not an option for setting the Column Inner Max Width as there is on the Parent Advanced Column block. I was hoping to set that width for the icons child Advanced Columns block to a smaller amount than the child Advanced Columns block below it for the text.

    2.
    Is there a way to have these icons not stack when viewed on mobile? Is this a CSS setting in Advanced Columns? When testing on my Google Android Pixel 2 XL (2880×1440), it looks like there’s plenty of room around the icons, but for some reason they stack. Even when I put the phone in landscape position, it stacks them 2×2, with large amounts of space between them.

    Any input on this will be greatly appreciated.
    thx
    doug

    The page I need help with: [log in to see the link]

  • The topic ‘How to control width and wrap for elements in Advanced Columns block’ is closed to new replies.