1 reply [Last post]
Jon Blaze
Jon Blaze's picture
Offline
newbie
Last seen: 6 years 11 weeks ago
Timezone: GMT-5
Joined: 2014-05-20
Posts: 1
Points: 2

Hi all,

I was directed here from the Wordpress forums, hopefully you can help me.

I have a custom footer that I've implemented to my wordpress site. The footer is taken from our parent site that was developed overseas, therefore, I don't have the original code. I've taken the header and footer elements needed to apply the footer to my site.

It displays perfectly on desktop, however, on mobile, the footer doesn't span the entire width of the page and looks funny.

The site is blog.discoverboating.com

Any pointers?

If it helps, here is the original post on the Wordpress forums: http://wordpress.org/support/topic/site-not-displaying-correctly-on-mobile?replies=5

helldog2004
helldog2004's picture
Offline
Enthusiast
Netherlands
Last seen: 4 years 3 days ago
Netherlands
Timezone: GMT+2
Joined: 2014-03-02
Posts: 205
Points: 239

Well your website is not

Well your website is not mobile friendly at all.
Well until a certain width it is, but when I am lowering my screen width below 320px everything is getting messed up. And the only part that is friendly is the footer. The rest of the content is taking it's original width meaning the footer is looking realy small in comparison with the rest of the page.

I added this code inside your css file:

@media screen and (max-width: 319px) {
  body > div.footer-lower {max-width: 100%;
  width: 100%;}
}

You will see what happens when you try it out and watch your website on a realy small mobile phone Smile

Check Maximum Webdesign for your online solutions