Meta-data acting weird when shrinking the page

  • Resolved linebaekkelund

    (@linebaekkelund)


    6 years, 3 months ago

    Hi!

    My recipe card is looking just fine, until I start til shrink the page. Then a big gap between the headline and the meta-data appears. And when shrinking even more, the servings-container moves under the picture instead of just making a break in the sentence and continuing on the next line.
    It’s just looking a bit weird, and I don’t know what to do. So hopefully you can help me.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Brecht

    (@brechtvds)

    Hi there,

    Does looks like a custom made template and not one that’s part of our plugin? Who created the template for you or did it come with the theme?

    Thread Starter linebaekkelund

    (@linebaekkelund)

    I’m using the side-by-side template, but I’ve been customizing it with some css.

    Plugin Author Brecht

    (@brechtvds)

    Does the problem happen with the default Side-by-Side template as well?

    Thread Starter linebaekkelund

    (@linebaekkelund)

    I’m not sure. The only major change I’ve done to the template, aside from css, is to move the print button below the image (inside the image container). Could that be why?

    Plugin Author Brecht

    (@brechtvds)

    Well it’s because one of your CSS changes. Our default side by side template uses media queries to change the layout of that header on smaller screens. I think if you temporarily rename your template folder (forcing it to use our default template) you’ll see that it does work there.

    Thread Starter linebaekkelund

    (@linebaekkelund)

    It looks like I just solved the problem after a lot of trial and error. I just changed the width of the meta-data to a percentage instead of px. And the weird gap between the headline and the meta-data was the star ratings. After hiding this div, everything was looking just fine.

    Thank you for your fast responses – that’s great customer service!

    Plugin Author Brecht

    (@brechtvds)

    Very happy to hear you got things working!
    Do let me know if you have any other questions at all.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Meta-data acting weird when shrinking the page’ is closed to new replies.