8 jili slot real money download.Enjoy Free 888+200 Daily Legal Bonus

responsive tagline

orartspace — Wed, 20 Nov 2019 18:32:22 +0000

Hello,
I am using Gutenshop theme. The tagline is too short. I want to make the width longer. So i used css:

.site-description { width: 400% }

This looks nicer on desktop, but on mobile phone, the text extends out of the screen. This was expected but I don’t know how to make it both longer on the desktop than it originally is and responsive for smaller screens

Reply To: responsive tagline

Jarret — Thu, 21 Nov 2019 09:27:18 +0000

Hello, you would wrap your code inside of a CSS media query, so it would look something like the following

@media screen and (min-width: 768px) {
	.site-description {
		width: 400%;
	}
}

The above code says, if the browser width is larger than 768px wide, then set the .site-description class to 400%. You can adjust the 768px value to your liking but that is usually a common breakpoint.

Reply To: responsive tagline

Superb — Tue, 10 Dec 2019 18:01:42 +0000

Thanks for helping him Jarret, I’m marking this as done ??