Margin bottom on mobile

  • Resolved commbee69

    (@commbee69)


    9 months, 1 week ago

    Hi

    When I create a recipe on my website, everything looks very good.
    But when I view the specific recipe on mobile, a lot of margin (white space) is added under the recipe.

    I use Elementor, where I implement the recipe by the widget. The problem also occurs by adding the recipe by shortcode in Elementor. Adjusting de margin or padding settings in Elementor on mobile view doesn’t solve the issue.

    I also tried on blank pages etc, but the problem still occurs. But only on mobile, the margins on desktop and tablet are fine.

    How can I solve this?

    Gr,
    Bart

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

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

    (@brechtvds)

    9 months, 1 week ago

    Hi Bart,

    Looks like it might be a compatibility problem with how the layout was built. Try adding the following to “Recipe CSS” on the WP Recipe Maker > Settings > Custom Style page:

    .wprm-recipe {
    container-type: normal !important;
    }

    Kind regards,
    Brecht

    Thread Starter commbee69

    (@commbee69)

    9 months, 1 week ago

    That worked out perfect and it looks great now.
    Thank you very much for the fast reaction and solution, Brecht!

    Gr,

    Bart

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Margin bottom on mobile’ is closed to new replies.