Hi guys, I really need some help with a few formatting issues I’ve been having on my website. The biggest issue by far is a Google Console ‘content too wider than screen’ and ‘clickable elements too close together’.
The page with the clickable elements issue is http://vapinghardware.com/calculators/e-liquid-calculator/
That same page (and all other ‘calculator’ pages seem to suffer with the ‘wider content’ issue.
Everything works absolutely fine on a desktop and tablet, but on phone the content is cut off and certain clickable elements won’t allow the user to enter a value!
I really don’t know whether this is a html issue with the actual calculator(s) or something that can be resolved with CSS, changing the margin, text size etc. How can I make the calculators fully responsive to fit the screen on mobile device?
The other issue I’m having is on http://vapinghardware.com/wicking/
If you could take a look you will see that the gap above subheadings is larger than the gap below. I’ve no idea how to change this and it’s making the content look odd.
Any help you can provide would be really appreciated.