I’m having a strange issue with horizontal rules in email designs. We have a horizontal rule that shows up correctly in desktop, but doesn’t in mobile view.
![](https://uploads-us-west-2.insided.com/klaviyo-en/attachment/9b0a8ad2-ea47-4af1-a342-a62260ea6f53.png)
Here is the horizontal rule (dark orange/bronze color) working perfectly in desktop view.
![](https://uploads-us-west-2.insided.com/klaviyo-en/attachment/39b06bbf-8950-4adf-8a43-062590137370.png)
These are the specs of the horizontal rule in desktop.
So I duplicate this horizontal rule exactly as it is but set it to show on Mobile instead...and this is what happens.
![](https://uploads-us-west-2.insided.com/klaviyo-en/attachment/5290c021-ed42-45c5-af4c-87033de3cf50.png)
It has the exact same specs as its desktop counterpart, but for some reason it stretches across the entire area and nothing changes when I try to tweak the padding.
Is anyone else having the same issue? How do you fix it?
Best answer by David To
View original