Divider displaying twice

  • stefansofronijevic

    (@stefansofronijevic)


    5 years, 3 months ago

    Hi all,

    I’ve edited the Twenty Twenty theme to change the divider on the blog posts/comments sections, from a line with two slashes in the middle to a straight line using the following in ‘Additional CSS’:

    hr.styled-separator {
    border-bottom: 1px solid;
    border-color: #D1D1D1;

    }

    .entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after {visibility: hidden;}

    }

    On my laptop it’s displaying perfectly in all browsers and on iOS/Android devices it’s displaying perfectly but strangely only on my device (Google Pixel) it’s displaying as per the below link on all my browsers? I’ve tried it on other Android devices and it’s displaying fine…

    View post on imgur.com

    I’ve tried clearing caches, restarting etc. but all the same result? Any thoughts on this and is anyone getting the same view?

    Any advice would be greatly appreciated!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter stefansofronijevic

    (@stefansofronijevic)

    5 years, 3 months ago

    As a further update to this, I’m now seeing the following on my phone as well in the Chrome. The “Comments’ label appears to be showing as larger than the other labels but only specifically on my phone and in Chrome. Appears to be displaying fine on my phone in other browsers. Really stuck!

    View post on imgur.com

    babetschka

    (@babetschka)

    5 years, 2 months ago

    Hello, might want to try {display:none} instead of {visibility: hidden;}

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Divider displaying twice’ is closed to new replies.