How to recuse space to next when I have used position -450px in a column in grid

Hey mofix,

Thank you for the inquiry.

Have you tried adjusting the margin-top property instead of the top position?

.flex_column.av-lv3xnb7h-d704be59f46f68470e36cceffab6f050 {
    position: relative;
    margin-top: -675px !important;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
    padding: 50px 50px 50px 50px;
    background-color: #ffffff;
}

.flex_column.av-lv3xmm7t-370eed3cf8e1e3c428d6d54d2df69e09 {
    position: relative;
    margin-top: -675px !important;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
    background-color: #ffffff;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Did you remove the previous modification that adjusts the top position? Please provide a screenshot of the issue using Savvyify, Imgur or Dropbox. 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,
Try, adding a custom class you want to move over the image:


Then I added this css to your Enfold Theme Options ▸ General Styling ▸ Quick CSS field

.move-row-up {
    margin-top: -675px !important;
}

and now it looks like this:

please check and duplicate as needed.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike