Position of next/prev recipe

  • Resolved smakokrztalcenie

    (@smakokrztalcenie)


    2 years, 5 months ago

    Is it possible to put next recipe on the same level as the prev one ?
    I did it with css however this is valid as long as image dimensions are exact same. When I put rectangle image instead of a square one, that looks bad.

    Thanks

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

Viewing 1 replies (of 1 total)
  • Plugin Author WP Delicious

    (@wpdelicious)

    Hi @smakokrztalcenie,

    The theme is conflicting with the plugin navigation. You can add the following CSS code via Appearance > Customize > Additional CSS.

    @media only screen and (min-width: 768px){
    .single-recipe .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-recipe .nav-next{
    margin-top: 0;
}
.single-recipe .post-navigation .nav-previous{
    padding-right: 30px;
}
}
@media only screen and (max-width: 767px){
    .single-recipe .post-navigation article .dr-recipe-details{
        width: 100%;
    }
    .single-recipe .post-navigation .nav-previous,
    .single-recipe .post-navigation .nav-next{
        padding: 0;
        margin-bottom: 30px;
    }
}

    We have also provided some additional CSS code to make it look better on mobile devices. Let us know if the above code works or not.

    We recommend contacting our support team directly for assistance with any CSS code. Our senior dev team will be able to assist you quickly through the helpdesk.

    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘Position of next/prev recipe’ is closed to new replies.