jgconsult Posted May 12, 2020 Share Posted May 12, 2020 I am using a custom dotted horizontal line for a client's website...and for some reason it is showing up square (as opposed to round) on mobile. When I see the mobile preview on my desktop, the dots are round. However, when I got to the password protected site (as it's not live yet) on my phone, the dots are square. Any thoughts on how to fix this? This is the code I am using to achieve the custom dotted horizontal line. .sqs-block-horizontalrule hr { background: transparent!important;border-top: 5px dotted #868b8b;} Any help would be greatly appreciated! Link to comment
tuanphan Posted May 15, 2020 Share Posted May 15, 2020 Can you share link to page in screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
jgconsult Posted May 15, 2020 Author Share Posted May 15, 2020 The lines are on every page on the website but these two specific screen shots are from the home page on https://www.kayladane.com/ (password kdstyletest). Thank you!! Link to comment
tuanphan Posted May 27, 2020 Share Posted May 27, 2020 Use CSS background image instead of border Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.