Comments Nicci started the conversationJuly 26, 2016 at 10:34amThis is how the page look on a full screen monitorhttps://drive.google.com/file/d/0B9BSUl4tc3rneG5kLTc4S05KNEU/view?usp=sharingThis is how the page look when on mobile devices or a scaled screenhttps://drive.google.com/file/d/0B9BSUl4tc3rnQnF6TWlqbUZzLWM/view?usp=sharingMy question is how do I make the text responsive? Is there any shortcode and where do I put them? 895TheFox repliedJuly 27, 2016 at 12:20pmHello Nicci, thanks for purchasing Thefox!What you need to do is go edit your "Custom heading" module and just change the "Line-height" to something bigger.If your font is 50px try 64px for the line height.Do not hesitate to contact us if you have more questions. Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Nicci repliedJuly 28, 2016 at 12:07amI know about the line height. What I'm having problem with is that the text and button (or may be the row) are not responsive in size when being scaled down on mobile devices. Like this:This is on full size browser:https://drive.google.com/open?id=0B9BSUl4tc3rndWxOWkNvSTllMFEThis how it looks on scaled:https://drive.google.com/open?id=0B9BSUl4tc3rnM2ZwN3BvTFc5NDA 895TheFox repliedJuly 28, 2016 at 5:15pmHello Nicci,I am sorry but can you please give us a link to this page.Button on mobile will take all the width they can.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Nicci repliedJuly 28, 2016 at 8:43pmhere's the link: www.youarebright.com 895TheFox repliedJuly 29, 2016 at 7:20amHello Nicci,For the buttons, they will take all the width so it's the normal behavior, you would like the button to be smaller?The other problem with the text smashed is because you are using padding in the column.You need to create different column for mobile :Go edit your current columns that doesn't show properly on mobile and check this box to make them hidden on mobile https://drive.google.com/open?id=0B4U2I7SLFLQYeGI2ZkY2Wm1jdTg Then create new columns using the content specialized for the mobile and change the columns design options like this : https://drive.google.com/open?id=0B4U2I7SLFLQYblN0amRsc3JvcFU If you change the column padding for the one that show on mobile the row size will change. Do not hesitate to contact us if you have more questions. Regards.--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Sign in to reply ...
This is how the page look on a full screen monitor
https://drive.google.com/file/d/0B9BSUl4tc3rneG5kLTc4S05KNEU/view?usp=sharing
This is how the page look when on mobile devices or a scaled screen
https://drive.google.com/file/d/0B9BSUl4tc3rnQnF6TWlqbUZzLWM/view?usp=sharing
My question is how do I make the text responsive? Is there any shortcode and where do I put them?
Hello Nicci, thanks for purchasing Thefox!
What you need to do is go edit your "Custom heading" module and just change the "Line-height" to something bigger.
If your font is 50px try 64px for the line height.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
I know about the line height. What I'm having problem with is that the text and button (or may be the row) are not responsive in size when being scaled down on mobile devices. Like this:
This is on full size browser:
https://drive.google.com/open?id=0B9BSUl4tc3rndWxOWkNvSTllMFE
This how it looks on scaled:
https://drive.google.com/open?id=0B9BSUl4tc3rnM2ZwN3BvTFc5NDA
Hello Nicci,
I am sorry but can you please give us a link to this page.
Button on mobile will take all the width they can.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
here's the link: www.youarebright.com
Hello Nicci,
For the buttons, they will take all the width so it's the normal behavior, you would like the button to be smaller?
The other problem with the text smashed is because you are using padding in the column.
You need to create different column for mobile :
Go edit your current columns that doesn't show properly on mobile and check this box to make them hidden on mobile
https://drive.google.com/open?id=0B4U2I7SLFLQYeGI2ZkY2Wm1jdTg
Then create new columns using the content specialized for the mobile and change the columns design options like this :
https://drive.google.com/open?id=0B4U2I7SLFLQYblN0amRsc3JvcFU
If you change the column padding for the one that show on mobile the row size will change.
Do not hesitate to contact us if you have more questions.
Regards.
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme