Quantcast
Viewing all articles
Browse latest Browse all 22091

xiphocoleon on "Mobile list issue -- list adds hyphens behind text"

I figured it out:

This first code had padding-left, which moved the text on top of the hyphens on a mobile screen:

.menu li li a {
	font-size: 1em;
	margin-left: 0;
	color: #4E6153;
}

So, I isolated the property I needed, and set it so that it will only appear on larger, desktop-sized screens:

@media screen and (min-width: 800px) {
	.menu li li a {
		padding-left: 5px!important;
	}
}

Viewing all articles
Browse latest Browse all 22091

Trending Articles