i have a landingpage with big size text. how can i change the text in mobile smartphone view? i want smaller text in mobile view that i can see the text and the red subscribe button at one page like here: http://www.responsinator.com/?url=https%3A%2F%2Fwww.freeletics.com%2F
Hey!
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 480px) {
#top #wrap_all .av-inherit-size .av-special-heading-tag {
font-size: 30px;
}}
Best regards,
Yigit
Wooooooooooo :)!!!!!!!!!! Nearly perfect.
Can you make the text more smaller that i can see the red button at the first page on my smartphone :)
And can you help me please to get the textblock at the desktopview down to the bottom of the full screen color area :)
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 480px) {
.page-id-1017 #av_section_1 .avia_textblock {
font-size: 18px!important;
line-height: 20px;
}}
Regards,
Yigit
WORK PERFECT. Thank you Yigit.
One more thing. At the mobile view it looks like this at the moment: http://www.responsinator.com/?url=http%3A%2F%2Fwww.eltern-kongress.com%2Flandingpage-neu%2F
How can i reduce the size of the text that i can see the red button at the first page on my smartphone? can you help me to change the code :)
Thank you Yigit!!!!!!!