CSS

Public Ticket #29325

Conversation thread

PenciDesign Supporter replied

2 years ago

Staff Reply

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.

Avniloff replied

2 years ago

Customer Reply

and desktop))

PenciDesign Supporter replied

2 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) {
  .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 started the conversation

2 years ago

Conversation Start

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

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