Archived topic

Main Blog Page not Responsive

10 replies · Started by Gayle on October 19, 2015

Viewing posts 1–11 of 11

October 19, 2015 at 6:09 pm #145901

Hi Tom - I am viewing a site on my iPhone and the Blog page is not responsive like the other pages - it is only taking up half the screen. Here is the link: http://chronicdiseasealliancemanitoba.org/news-events/

All is fine on my laptop. Any ideas why this is happening and how I can fix it?

Thanks,
Gayle

October 19, 2015 at 6:24 pm #145902

Hi Gayle. I just loaded your site on an iPhone 4 and it looks ok. Content is full-screen width in a single column with the sidebar below the content.

October 20, 2015 at 12:08 am #145935

Hmm, just a guess, but it may be the link in this article: B.C. Has Lowest Obesity Rates In Canada

Instead of adding the full link in there, try adding it to some text like: See publication

Just an example :)

October 22, 2015 at 2:24 am #146431

Hi Tom, My main page is unresponsive but only in the section where I used columns and the header for some reason. The rest of the site seems fine - any suggestions? On my mobile the header is tiny and on my iMac (27 inch) it is huge and getting chopped - its fine on my laptop.... Confused!! Thanks

October 22, 2015 at 10:01 am #146532

Hi Rosaleen,

Can you link me to your site so I can take a look?

October 22, 2015 at 9:23 pm #146679

its currently here: http://www.boxedwexfordstorage.ie/wordpress, my issue is mainly with a plugin I used for the grid lines - one that you suggested - I cant get it to centre eventhough it is set to centre its off to the left. Also the header isn't responsive on a mobile - it might be the image I am using.... Sorry very new to this :)

October 22, 2015 at 11:56 pm #146689

First, remove the 50px of padding you set on the H4.

Then, set the grid to grid-33 - not grid-30.

That should center it more :)

October 23, 2015 at 11:22 pm #146989

Hi Tom and bdbrown,

Thanks for your replies. I am able to shorten the links you mentioned, however, am I able to send you a screen shot of what is happening to the layout of the main blog page?

I am testing on an iPhone 5c and in the vertical position, the page is only using just over half of the screen - and the longer links running over past the edge of the content area. It is only happening on the "New and Events" page which is the main blog page.

How can I send you a screen shot?

Thanks,
Gayle

October 24, 2015 at 12:01 am #146995

You can email it to: support@generatepress.com

Mention this thread in your email =)

October 24, 2015 at 5:10 am #147087

Hi Tom - just fixed the links as it seems to have corrected the problem. Is this typical responsive behaviour when using full links? I've never had this happen before. Thanks for your help.

October 24, 2015 at 10:46 am #147206

Yea, it's because without any spaces the link can't break onto the next line, so it just keeps going.

There's little reason to display full links though, as you can just hyperlink words for the same results, and it looks nicer :)

This archived topic is closed to new replies.

Start building better websites today.