responsive design

Mikelazzo_8 · September 2020

I cannot center the title on mobile, I tried with alignment options and using padding but I could not find a solution. Can you help me?
Here the screenshoot and relative urls:

https://drive.google.com/file/d/1oEkqnZfpO_5MuRwYa2EioYvYRPsX9dNH/view?usp=sharing

http://nazionalehiphop.it/play2giveathome/

https://drive.google.com/file/d/12kABEyYulFH_J4jeDZhz5COHTE5sgTii/view?usp=sharing

http://nazionalehiphop.it/play2giveindahood/

https://drive.google.com/file/d/1oqCyJKyRwTSyxYtmcLLzmIWv-tsChlmQ/view?usp=sharing

Pablo · September 2020

Hello,

That's because you applied the paddings on left and right in px, please change it to %.

https://prnt.sc/uqjwas

Thanks

Mikelazzo_8 · September 2020

It’s me again. I’m sorry, I’m not a programmer and I’m having a little trouble. Can you tell me which section to add padding values?

https://drive.google.com/file/d/1eivlZQ_xo1Os99jM60elTYIWsY7xrb_S/view?usp=sharing

Pablo · October 2020

Not in the column item, in the section (green color).

https://prnt.sc/ur28r8

https://prnt.sc/ur28yg

Change the value from px to %

Thanks

Mikelazzo_8 · October 2020

And if I wanted to decrease the font size of the H2 title only on mobile and only for specific pages, woul there be a way?

I cannot solve the problem only using padding.

Thanks for the help.

Pablo · October 2020

Well, it will be harded, because you have to use the CSS code with @media queries.

See the example here:

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

We strongly suggest not to create such codes, because they can couse a lot of styling problem.

If you want to make your fonts smaller on mobile (all of them), enable decrease fonts option in the Theme Options > Responsive > General

https://prnt.sc/ur4dn9

thanks

responsive design

Comments