Help with GIF on ? page

Store Design
, ,
4

Hey @PRGMD ,

Fix the issue by Adding CSS: In shopify, you can adjust the CSS to remove unnecessary white space.

Follow these steps:

  1. Online Store > Themes

  2. Click Customize and open Theme Settings.

  3. Edit Code

  4. theme.css, styles.css.liquid, or similar CSS files.

  5. Scroll to the bottom of the file and add the following CSS:

/* Remove extra space around GIF on mobile and desktop */
.gif-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* Ensure the GIF fills its container properly */
.gif-container img {
    width: 100%;
    height: auto;
    display: block;
}

/* Fix white strip at the bottom */
html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.page-container {
    min-height: 100vh;
    box-sizing: border-box;
}

Let me know if the issue persists or if you need further help!

If I was able to help you, please don’t forget to Like and mark it as the Solution!

Best Regard,

Rajat Sharma