Article Intro Header looks too big on Mobile

virginiamanzi · October 2018

Hi,

I have this problem: i'm not able to adjust the title in my article when it is displayed on mobile, maybe because i'm not so good with css. I have set the Intro Header as default layout for articles, but when i try to display it on mobile, the title looks seriously too large and it is written in vertical. I would like to reduce it's dimensions, so to display it in horizontal and reduce the height of the parallax.

Anyway, articles do not have a "custom css" section at the end of the wp page, so i can't find the right code for the general css section in theme options.

Could you please tell me what's the code that includes article id, parallax height for Intro Header and that changes only the mobile view?

thank you.. i hope you understand what i mean.

this is an example, if you open it through mobile: https://prokitesardegna.com/punta-trettu-il-migliore-kitesurf-spot-della-sardegna/

Pablo · October 2018

Hi,

Please paste this CSS code into Theme Options > Custom CSS & JS > CSS

@media (max-width:767px){
	#Intro{
		max-height:400px !important;
	}
	
	h1.intro-title{
		font-size:20px !important;
		font-weight:600 !important;
	}
}

Thanks

virginiamanzi · October 2018

It works! thank you so much!

Article Intro Header looks too big on Mobile

Comments