The screenshot shows that the :before bar is displayed from beginning to end, but the :after bar :after shifted to the right (although the parameters are set the same). It was played with different parameters, but it didn’t work out a strip :after setting it from the very beginning.

enter image description here

    1 answer 1

    Neither WordPress nor the topic of cactus, the question is irrelevant. Pure layout problem.

    The after pseudo-element behaves as expected because it gets 100% of the width of the parent .cactus-navigation . But before you have the full width, because it has

     padding: 0 1000px; margin-left: -1000px;

    preset for

     .cactus-style-solid-bg:before, .cactus-style-bottom-line-full:before, .cactus-style-top-line-full:before

    in /wp-content/themes/cactus/style.css?ver=4.9.4 line 3386.

    Set the same perversion to the after block, and everything will work out.

    But the layout in general is tin.