Nutrition Facts Label not showing up properly

  • Resolved urneighbor

    (@urneighbor)


    4 years, 12 months ago

    Hello Justin:

    I have the basic version the plugin and on my site, when I enter [cooked-nutrition], it just appears distorted, completely spread out horizontally. Tried a couple of different things to make it appear as pictured in your instructions. I am using the Flatsome theme. What could I be possibly missing?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Boxy Studio

    (@boxystudio)

    4 years, 11 months ago

    It will spread to fill whatever space you use it in, which is why it’s a good idea to use it in a sidebar, or you can create a custom DIV with a max-width to keep it skinny.

    <div style="max-width:300px;">
[cooked-nutrition]
</div>
    Thread Starter urneighbor

    (@urneighbor)

    4 years, 11 months ago

    Appreciate the code and help Justin.

    The text and numbers inside the Nutrition Facts label are still not aligning up. Please see attached link to an image of the Nutrition Facts label after using a custom DIV as suggested. I have also tried using varied max-width sizes but the text within the Nutrition Facts logo isn’t responsive.
    Nutrition Facts Text Misaligned

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Nutrition Facts Label not showing up properly’ is closed to new replies.