Unexplained Sizing Issue from Backend to Front End with AudioIgniter Plugin

  • AJ
    March 24, 2026 at 3:04 pm

    Hello on the backend the image from the player is displayed with a nice size that creates a nice visual : https://postimg.cc/Y4jRbj57

    On the Front end the image from the player looks like this https://postimg.cc/Hrv4cdV7 giving the impression that it is squished down somehow.

    I can’t figure out why this is happening. it is nested as such https://postimg.cc/FYzCnPSc

    Previously I didn’t have this issue. I believe it was because it was in an another container but I am not sure how to fix it once I moved the entire section to different position on the homepage.

    I have the track listing height set to 500 pixels. I know its not the plugin. https://postimg.cc/0KrJqJCP

  • Ying
    March 24, 2026 at 3:47 pm

    Hi there,

    I don’t think GB has control over the player from a 3rd party plugin.

    If you can show me the section on your site, I’ll have a look.

  • AJ
    March 25, 2026 at 7:55 am

    https://thismy401k.com/ it the section in the middle of the homepage called Social Media Remixes
    https://postimg.cc/Ty1jQzYR

    I agree and I believe you. But I can’t figure it out for the life of me
    and it looks way better with bigger picture. Do you need access to the backend?

    Actually I just checked it’s still coming out bigger on the mobile.

    Can you tell me why the mobile is not centered and it feels like it’s moving all over the place? ( in general not just that particular module)

  • Ying
    March 25, 2026 at 9:31 am

    The player changes its layout when its width is 478px or narrower.

    So you can limit the column it’s in to the static width 478px.

    1. Select the Grid block gb-element-bbd11f4a, and set its grid-template-columns to 478px auto.

    2. And select the parent container of the player (the left container), set its max-width to 100% so it does not overflow on screens that are narrower than 478px.

  • AJ
    March 25, 2026 at 2:14 pm

    Hi

    Is this what you are referring to ? https://postimg.cc/7JnWvnqY

    Which parameter am I setting to 478px auto ?

  • Ying
    March 25, 2026 at 2:49 pm

    No, the grid-template-columns option is under Layout > Grid layout > Grid Template Columns.

    Its current value isrepeat(2,minmax(0,1fr)), change it to 478px auto.

  • AJ
    March 25, 2026 at 5:53 pm

    Thank you. Much respect. I would have never gotten that.

  • Ying
    March 26, 2026 at 8:28 am

    No Problem 🙂 Glad to help!

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