Layout – button refusing to move to bottom of container on mobile

  • https://crystalyaki.ca/test/looking-to-build

    The desktop and tablet layout are fine as is, but on mobile phone the button sits on Mike’s head – we’d like to fix that. 😉

    I’ve tried all the normal settings for moving a button to the bottom of a container but it won’t budge. I probably have another setting in there that’s preventing it, but can’t figure out what.

    I’d like the button centred at the bottom with 20-40px margin on the bottom.

  • Hi there,

    1. Reduce the padding-bottom for .gb-element-0108f88fon mobile.

    2. Set flex-grow to 1 for .gb-element-7510d1b9.

    3. Set margin-top to auto for the button.

  • Did all that (#3 was already done) and it moved down a bit, but still not at the bottom of the image section.

  • Hi there,

    Try setting the .gb-element-7510d1b9 padding-bottom and margin-bottom to 0. Then, select the Button block and set its margin-bottom to 0 as well.

  • Thank you – that worked! Finally…

  • You’re welcome, glad to hear that!

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.