erase a box in penci recipe (mobile view)

Public Ticket #20531

erase a box in penci recipe (mobile view)

Conversation thread

PenciDesign Supporter replied

4 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

@media only screen and (max-width: 767px) {
    .precipe-style-2 .penci-recipe-heading .penci-recipe-meta > span:nth-child(2),
    .precipe-style-2 .penci-recipe-heading .penci-recipe-meta > span:nth-child(3) {
        border-right: 0;
    }
    .penci-nutrition-meta,
    .precipe-style-2 .penci-recipe-heading .penci-recipe-meta > span:last-child  {
        display: none !important;
    }
}

Regards,
PenciDesign.

ktoga94 started the conversation

4 years ago

Conversation Start

Hello. I would like to not include the Nutrition Facts box in the top little boxes within the recipe form. Although I succeeded doing so in the desktop view of the recipe page, the box remains in its mobile view. Could you help me erase that box entirely so that it looks cleaner in mobile view? Thank you!

Want to join this conversation or access attachments? Sign in first.