Hi guys,
Could you please help me on an issue we are encountering regarding the special heading default style.
When the heading title is in one line, the special heading border works well. But when the title is in two lines, especially on mobile devices, the border disappears and there is no bottom padding anymore.
We like the heading border.
Hey dawnmarife,
To add the margin for mobile devices, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:
@media only screen and (max-width: 467px) {
body .av-special-heading .av-special-heading-tag {
margin-bottom: 20px !important;
}
}
This css will add a bottom border:
@media only screen and (max-width: 467px) {
body .av-special-heading .av-special-heading-tag {
margin-bottom: 20px !important;
border-bottom: 2px solid;
}
}
Best regards,
Mike