Keep column content attached to the lower margin of the layout grid

Hey tcampaner,

Thank you for the inquiry.

We didn’t find any videos in the home page. Would you mind providing a screenshot or a short clip of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

Thank you for the screenshots.

By default, the columns will automatically break into full width on smaller screens, resulting in the columns stacking above each other on mobile devices. How would you like the columns to display on smaller screens?

If you want to keep the columns fixed at the very bottom of the color section on larger screens, you can add the following CSS code.

@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */
  #top .flex_column_table.av-tfw10-5fe8bc048aaa6eace751d7a497551ffb {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 0 !important;
  }
}

Best regards,
Ismael