Responsiveness and @media attribute

Pgeo0001

Hi,

I am having slight issues with increasing the font size of my website's footer. I have included an html widget and added a heading and button. When resizing, the font decreases to an illegible size. I tried to use the @media(max-width: 480px) {.header{ font-size: 18px;}} css code so that I can customize the font for a mobile device. 

Within the 'additional css' section in the Appearance->customize menu, the attribute is not being read as well as within the theme options-> additional css section. Could anyone let me know how I can increase the button size and font size within the footer? The website is 'growthbus.com'

Pablo

Hi,

Your website is under construction mode.

Can you disable it?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Pgeo0001

Done

Pablo

You are talking about "my website's footer", but you showed me a ".header{ font-size: 18px;}"

If you want to increase your footer button size and text's for mobile, use this CSS:

@media (max-width:787px){
	#Footer button{
		font-size:24px !important;
	}
	
	#Footer, #Footer p{
		font-size:18px !important;
	}
}

Paste it to Theme Options > Custom CSS & JS > CSS

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Pgeo0001

Amazing, that was really fast!!