Responsive not working

jodeemason · June 2017

For some reason on this site it looks fine everywhere except on a mobile device- when it pulls up on a mobile device the home page and contact us pages have the words one word per line.
I have selected: responsive, decrease font, and zoom options to all be on

I updated word press

I can't seem to find where to fix this so that it will look better. Please help

Thanks!

Bryan · June 2017

Hi,

do you mean the page title?

This is because you have increased the font size in theme options without increasing the line-height.

thanks

jodeemason · June 2017

Thank you, that fixed some, but not on the contact us page. On a mobile device it still shows "how can we help you?" and the phone number with one word per line.

Bryan · June 2017

This is beacuse you have set the padding on the wrap to 100px, and the text has no space on mobile view. Please delete the 100px padding on the wrap element.
Then it will look like this: http://prntscr.com/firb8k

jodeemason · June 2017

Where do I find that padding wrap setting?

jodeemason · June 2017

ok so new problem...... I found it and removed the padding, and it looks great on a mobile, but on a computer it puts the top heading into the menu bar now.

Bryan · June 2017

Hi,
there is a way. Disable the padding on the wrap. Then do this:
1. Create a new section as the first element in the builder (at top)
2. Edit the section and set the desired padding, scroll down and set it to dissapear on mobile (the whole section will dissapear)
This way you have the padding on desktop and not on mobile.
See this screen:
http://prntscr.com/fkf0am
http://prntscr.com/fkf0ej
http://prntscr.com/fkf0h6

jodeemason · June 2017

Thank you!

Responsive not working

Comments