Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3011317
erase a box in penci recipe (mobile view)
Closed

Comments

  • ktoga94 started the conversation
    March 27, 2022 at 3:28pm

    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!

  •  2,491
    PenciDesign replied
    March 27, 2022 at 5:07pm

    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.