Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

Mobile friendly mode - black space added


 
Prev Previous Post   Next Post Next
  #1  
Old Jan 13, 2019, 09:05 AM
Paul Gingell
 
10 posts · Nov 2012
England
Mobile friendly mode - black space added

My site is cumbria-stone-walling.co.uk.

I've used juggledad's responsive solution to reposition the right sidebar, plus a host of other @media instructions. So far I've only finished coding for small screens in portrait mode, but the plan is to have code for a range of sizes in both portrait and landscape mode.

Code:
@media only screen and (max-width: 700px) and (orientation: portrait) { }
@media only screen and (max-width: 800px) and (min-width: 701px) { }
@media only screen and (max-width: 960px) and (orientation: landscape) { }
Problem
I've got a black bar which appears on my iPhone4s between the footer and the bottom of the responsively repositioned sidebar (see attachment). That shouldn't be there. In addition, I'd like to add some space below the box which reads "Contact..." (which is td#right), so that it looks like attachment 2 - which I made up in photoshop.

The green background is given by:

Code:
#bodyrow {
    -moz-box-shadow: 0 0 110px #9CA28B inset;
    background-color: #AEB49B;
}
As things are, td#right seems to be stuck to the bottom of td#middle or #bodyrow, and adding margin-bottom to create that space doesn't seem to work.

Any suggestions gratefully received.

Paul
Attached Thumbnails
Click image for larger version

Name:	iphone4s-black-space-footer.jpg
Views:	169
Size:	33.2 KB
ID:	2816  Click image for larger version

Name:	iphone4s-black-space-footerMockup.jpg
Views:	156
Size:	33.8 KB
ID:	2817  
Attached Files
File Type: txt ata-cumbria-stone-wallingcouk-20190113.txt (50.1 KB, 164 views)
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How To make Atahualpa pass Google's 'Mobile-Friendly Test' juggledad Atahualpa 3 Wordpress theme 99 Oct 23, 2018 03:48 PM
[SOLVED] Mobile friendly? Blessings4all New Versions, & Updating 2 Jan 19, 2016 03:39 PM
How To: make Atahualpa more responsive/mobile friendly bswb97 Atahualpa 3 Wordpress theme 16 Jan 10, 2015 11:22 AM
plugin that shows a mobile-friendly version Atahualpa site Carme Plugins & Atahualpa 11 May 3, 2014 07:17 PM


All times are GMT -6. The time now is 08:24 AM.


Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.