Docs

[D.J.]

Hi – I have my .entry-content-content width set perfectly for non-mobile, but it’s too narrow for mobile.

Here’s what I have set currently…

.entry-content.content {
    margin-top: -2%;
    padding-top: 3em!important;
    max-width: 68%;
}

Here’s a link of it looking perfect on desktop/laptop (use a non-mobile device to view).
Here’s a link using Screenfly to see it way too narrow on mobile

The issue is the 68% in the CSS – works great on non-mobile, too narrow on mobile. How do I adjust the max-width up to 87% (or whatever) for strictly mobile devices? Or should I adjust this elsewhere and not the way I have it?

I really appreciate the help! I tell everyone who compliments my site about X. Nothing comes close!

Icon Stack, Child Theme, latest versions of everything.

[Thai]

Hi There,

Please update your custom CSS to this:

.entry-content.content {
    margin-top: -2%;
    padding-top: 3em!important;
    max-width: 68%;
}
@media (max-width: 979px){
	.entry-content.content {
	    max-width: 87%;
	}	
}

Hope it helps 🙂

[Author]

Posts