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 #3702948
CSS
Closed

Comments

  • Avniloff started the conversation
    August 10, 2024 at 6:00pm

    Hi Dear!
    How to reduce the space between dividers on mobile devices?
    please see on screenshot 

    Attached files:  Screenshot 2024-08-10 205630.png

  •  2,582
    PenciDesign replied
    August 11, 2024 at 1:56am

    Hi,

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

    @media only screen and (max-width: 767px) {
      .container.penci-breadcrumb i, .container.penci-breadcrumb span.separator, .penci-container-inside.penci-breadcrumb i, .penci-container-inside.penci-breadcrumb span.separator {
        margin: 0 5px 0 9px;
      }
      .cat > a.penci-cat-name {
        margin-right: 6px;
        padding-right: 6px;
      }
      .cat > a.penci-cat-name::after {
        margin-left: 3px;
      }
    }

    Regards,
    PenciDesign.



  • Avniloff replied
    August 11, 2024 at 11:17am

    and desktop))

  •  2,582
    PenciDesign replied
    August 11, 2024 at 1:09pm

    Hi,

    If you want to apply for all devices, please modify the CSS code:

      .container.penci-breadcrumb i, .container.penci-breadcrumb span.separator, .penci-container-inside.penci-breadcrumb i, .penci-container-inside.penci-breadcrumb span.separator {
    margin: 0 5px 0 9px;
  }
  .cat > a.penci-cat-name {
    margin-right: 6px;
    padding-right: 6px;
  }
  .cat > a.penci-cat-name::after {
    margin-left: 3px;
  }

    Regards,
    PenciDesign.