Hide Tagline area Minimum Pro

[bconley]

Is it possible to hide the tagline area in Minimum Pro on smaller devices? I have it hidden on my inner pages on desktops but not the home page. But it still shows up on mu iPhone.

http://192.185.163.135/~flag2/

[AustinMcConnell]

Hi bconley,

That should be pretty easy to do. Here's how I would do it.

In the Minimum Pro CSS file (located at ~/wp-content/themes/minimum-pro/style.css), you'll find a block of the following code:

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

	.home-featured-1,
	.home-featured-2,
	.home-featured-3,
	.home-featured-4 {
		width: 50%;
	}
	
	.home-featured .widget-area:nth-of-type(2n+1) {
		clear: left;
	}

}

add the following line of code so that the block looks like this:

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

	.minimum .site-tagline {
		display: none;
	}
	
	.home-featured-1,
	.home-featured-2,
	.home-featured-3,
	.home-featured-4 {
		width: 50%;
	}
	
	.home-featured .widget-area:nth-of-type(2n+1) {
		clear: left;
	}

}

That will prevent the site tagline section from displaying on any screen with a width smaller than 600px.

~Austin

---

WordPress website developer, travel enthusiast, coffee geek.
Connect with me at austinmcconnell.info | Twitter | Google+

[Author]

Posts