Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

How can I increase my Header and Paragraph sizes on Mobile Only?


scholarsayze
Go to solution Solved by tuanphan,

Question

  • Answers 11
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Add to Design > Custom CSS @media screen and (max-width:767px) { h2 { font-size: 1.4375rem !important; } p { font-size: 1.1875rem !important; } }  

11 answers to this question

Recommended Posts

  • 1

Add to Design > Custom CSS

@media screen and (max-width:767px) {
h2 {
font-size: 1.4375rem !important;
}
p {
	font-size: 1.1875rem !important;
}
}

 

Link to post
  • 1
On 2/9/2021 at 11:27 PM, scholarsayze said:

Hi, I just noticed that the above code affects all my paragraph sizes. Is it possible to have this code just change P1 size on mobile? Just like the code only affects my H2 text.

I'd like to keep P2 the same as on desktop.

Thank you!

replace

p

with

p.sqsrte-large

Link to post
  • 0
4 hours ago, scholarsayze said:

Is it possible to also add a code to change the case of all my para and h2 text on mobile only to upper case?

add 

text-transform: uppercase; in h2 code above

Link to post
  • 0

Thank you,

Have I done this right, please check...

@media screen and (max-width:767px) {
h2 {
font-size: 1.4375rem !important;
text-transform: uppercase; 
}
p {
    font-size: 1.1875rem !important;
text-transform: uppercase; 
}
}

 

It does not seem to change? Please help!

Link to post
  • 0
22 hours ago, scholarsayze said:

Thank you,

Have I done this right, please check...

@media screen and (max-width:767px) {
h2 {
font-size: 1.4375rem !important;
text-transform: uppercase; 
}
p {
    font-size: 1.1875rem !important;
text-transform: uppercase; 
}
}

 

It does not seem to change? Please help!

try text-transform: uppercase !important;

above code work on mobile only

Link to post
  • 0

Hi, I just noticed that the above code affects all my paragraph sizes. Is it possible to have this code just change P1 size on mobile? Just like the code only affects my H2 text.

I'd like to keep P2 the same as on desktop.

Thank you!

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...