Website not resizing to show all content on different devices.
-
I run the website bvrelayforlife.org, I am currently using “The Gateway Theme” and I am having problems on both the Survivor page and the Information page. In both locations when the content is displayed on a smaller screen, say an iPhone, it is cutting off content to the right. The content is not rescaling and displaying all the information and if it shows all the information it is not in the correct place. Everything looks fine when laid out on a bigger screen like a laptop. I have used custom CSS and HTML to build the website. All my positions in CSS are set to relative so I don’t see why the elements are not properly resizing themselves. I would love any help I can get to fix this!
The blog I need help with is: (visible only to logged in users)
-
@haasevan, so sorry this thread of yours got lost in the shuffle. I’m going to work on this for you right now. Due to the way you have constructed the survivor page (and likely the other) this is going to take a bit of time to sort out, and is going to require some Media Queries in order to make things work on smaller devices.
-
-
Sorry for the delay on this. It is turning out to be a bit more challenging than I had anticipated. I’ve copied out your Survivor page content and put it into my test site and I am working on getting things to work properly on all screens.
The one thing we will have to do is to redesign things for smaller screens since the layout you have won’t work below about 900px in width as the text area will get too narrow. One option would be to make the image smaller below 900px and then probably at 600px we would have to move the text below the image since there simply won’t be enough room for it beside the image.
Your thoughts?
- The topic ‘Website not resizing to show all content on different devices.’ is closed to new replies.
WordPress.com Forums 