Optimize Button bottom margin in columns

Hey Sabine,

Thank you for the inquiry.

Would you mind providing a screenshot 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,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (min-width: 768px) and (max-width: 990px) {
#buttonbottom {
    position: absolute;
    bottom: 28px;
    left: 22%;
}
}

Best regards,
Rikard

Hi,

You can add any screen size you wish within the media query, simply change the numbers so that they correspond with the screen size you are looking to target. The media query doesn’t accept input like normal screen though.

Best regards,
Rikard

Hi,

That is because you are have a very large media query now:

@media only screen and (min-width: 768px) and (max-width: 1990px) {
#buttonbottom {
    position: absolute;
    bottom: 28px;
    left: 20%;
}
}

If you add the code I gave you again and leave it, then you can add new media queries after that:

@media only screen and (min-width: 990px) {
This will target screens above 990 pixels
}

Best regards,
Rikard

Hi,

What screen sizes are you looking to target with what code?

Best regards,
Rikard

Hi,

Thanks for the update, but we can’t give you specific code unless you give us specific screen width to target. If you want the code to apply to all screen widths, then please use this instead:

#buttonbottom {
    position: absolute;
    bottom: 28px;
    left: 20%;
}

Best regards,
Rikard

Hi,

Thank you for the update.

The suggested css code is not being applied to the page. Please try to toggle or temporarily disable the Enfold > Performance > File Compression settings and purge the cache in order to ensure that the changes take effect, or post the login details in the private field so that we can check the issue further.

Best regards,
Ismael

Hi,

Thanks for that. I’ve adjusted the CSS for you a bit, could you check if it’s to your liking now?

Best regards,
Rikard