-
Posts
-
Hi Guys,
I keep struggling with various elements of building sites these days in particularly with mobile device testing.
There are times when my page looks and works fine, but when I view it on a mobile (Screenfly) for testing, everything goes wrong.
Columns of text are condensed / squashed far too much before they are positioned below each other and on others Text overlaps into the next element.For example, if you look at your own Creative Studio demo, contact page. I renamed Address to Registered Office. When I rezise the page the text is overlapped with Opening Hours. I have had this issue lots of times. Why are headings etc not rezised accordingly? It doesnt seem that responsive to me.
Many thanks for your help.
Hi Heathcliffe,
Great choice of naming the topic, made me chuckle :-)
Could you post a link to the site in question so that we can take a closer look please? A screenshot or two might help us to see the problems more clearly as well.
Best regards,
RikardHi @Rikard,
I am referring to resizing my screen. As I drag the edges of my browser, the text does not change size which I would expect it to (other sites seem to manage it very well).
The time it takes to take screenshots and wait for replies, or create user logins etc etc I just give up and change the title or size of text so it works in most cases.
I’m not the only one … https://kriesi.at/support/topic/h2-problem-responsive/ It comes up often.
:)
Hi,
It’s not clear what you are trying to achieve. I checked the link you provided and saw that the heading was displayed under the header. This can be easily corrected by using the below css
#main { padding-top: 90px; }If you like to target specific pages please use the page id class name found in the body tag when you right click and inspect the page.
#top.page-id-530 #main { padding-top: 90px; }Best regards,
Vinay
- You must be logged in to reply to this topic.