Comments 2Avniloff started the conversationAugust 10, 2024 at 6:00pmHi Dear!How to reduce the space between dividers on mobile devices?please see on screenshot Attached files: Screenshot 2024-08-10 205630.png 2,855PenciDesign repliedAugust 11, 2024 at 1:56amHi,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.1 Like 2Avniloff repliedAugust 11, 2024 at 11:17amand desktop)) 2,855PenciDesign repliedAugust 11, 2024 at 1:09pmHi,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.1 Like Sign in to reply ...
Hi Dear!
How to reduce the space between dividers on mobile devices?
please see on screenshot
Attached files: Screenshot 2024-08-10 205630.png
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.
and desktop))
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.