CSS Pseudo-elements Responsive Content Change Question

[wolfgang1983]

I hope i can explain this correctly.

What I am trying to get is. When the website is in desktop view I would like in my column “col-lg-1” in the h3 tag to say “1” but when it is in mobile view @media only screen and (max-width: 767px) {} I would like the h3 tag to say 12 its just for demo purposes.

<div>
<div>
<div>&lt;h3&gt;12&lt;/h3&gt;</div>&lt;!== Display desktop Number 12
</div>
</div>

@media only screen and (max-width: 767px) {

<div>
<div>
<div>&lt;h3&gt;12&lt;/h3&gt;</div>&lt;!== Display Mobile Number 12
</div>
</div>

}

[Paulie_D]

I’m not sure what you are trying to do but, from what I can gather, you are using the content property incorrectly.

If you are adding actual content you are going about it the wrong way.

[Author]

Posts