Jump to content
Sign in to follow this  
willowtee

Footer Problem In Ios

Recommended Posts

willowtee

Hi

I've built the following site - http://tandooriden.com.au/

My problem occurs when viewing on iphones and ipads - the footer in the bottom right is clipped off

Does any one know what might be causing this?

Thanks

Tom

photo.png

Share this post


Link to post
Share on other sites
Danny

Hi,

Please update to the Version 2.3.6 and see if this resolves your issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
willowtee

Thanks for your advie Danny, I've done that and it has half fixed the problem. The content in the 'morefoot right' is now showing in its entirety, but the background colour is still clipped......

 

photo-1.png

 

 

 

Any idea what might be causing this?

 

Thank

Tom

Share this post


Link to post
Share on other sites
James B

Hi there, can't see whats causing that, try the below css to see if that makes a change on the mobile. 

How did you apply the bg color? Using css, if so can you paste the code in for us.

@media screen and (max-width: 800px) {
  .responsive #site .content,
  .responsive #footer .content,
  .responsive.fixed_width #page {
    width: 100%;
  }

Also you have some mobile css in your custom code box already by the looks of it, if you remove this does the background go full width, i'm just wondering if it's something to do with the span command.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
willowtee

This is the footer related css I have - 

 

 

 

div.widget-pad {text-align: center;
}
#footer {margin-top: -10px;
  background: rgba(255, 0, 0, 0.4);
}
.rd_doclinks li {line-height: 60px;
}
 
I have 'Disable Mobile View' ticked
 
Afraid the above code din't make any diff
 
Thanks for your help on this
 
Tom

Share this post


Link to post
Share on other sites
willowtee

Hi Guys just wondering if anyone had any further advice on this problem - is it feasible for me to apply a semi transparent background to the 'morefoot' area?

 

Thanks

Tom

Share this post


Link to post
Share on other sites
James B

Hi there,

 

Firstly I'd suggest updating to version 2.3.7 as that was just released and there was a fix in there for the footer. There was a 5px gap at the bottom being caused by some of the code and I can see it on your site, so this could be related.

 

In answer to your question you can apply the bg to the morefoot area, you might have to adjust some of the padding to make it fit.

 

However try the following code first to see if it resolves.

 

#footer {
    background: none no-repeat fixed 0 0 rgba(255, 0, 0, 0.4);
    margin-top: -10px;
}

 

Let us know if the 2.3.7 update works for you.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
willowtee

Thanks James,

 

Have updated to 2.3.7 and tried your code, unfortunately neither suggestion worked.

 

Please let me know if you think of anything else.

 

Cheers

Tom

Share this post


Link to post
Share on other sites
Danny

Hi Tom, What are you layout settings, so I can try to recreate the issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
willowtee

Hi Danny,

 

Here are 2 screen shots of layout settings let me know if you need any other details

 

Screen-Shot-2012-12-06-at-7.54.24-PM.png

Screen-Shot-2012-12-06-at-7.54.34-PM.png

 

 

Thanks for you help,

Tom

Share this post


Link to post
Share on other sites
Rob

Yes, you can apply a semi-transparent image to the Morefoot. However, your layout indicates the Morefoot will be only within the content width, not the entire width of the screen. 

 

Your custom code is applying the background color presently as an RGBA color with opacity. However, you also used CSS that's inconsistent with that mode of background coloring and is intended for background images.  This is causing the issue with the background color only covering some of the footer.

 

Where did you place the last of James' CSS code?  Do you have a cache plugin activated? If so, clear the cache and apply that code James provided then save and view.  I've tested it and it will work.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
willowtee

Hi Rob,

 

Thanks for your advice,

 

I've changed the 'Site Design Mode' to full width sections. And changed tried placing the morefoot columns in the footer section and morefoot section

 

Also I tried simplifying the CSS to the following - 

 

 

#morefoot{
background-color: red;
}
 
And I'm still have the same issue with it being clipped on the right. 
 
I placed James code in the custom CSS section
 
Thanks
Tom
 

Share this post


Link to post
Share on other sites
Rob

Try making both the Default Layout Mode and the Mode specified in Layout Dimension Editor the same.  You have full width in one, and a sidebar in the other.  I'd recommend both have one sidebar.   You can always turn off sidebars in pages and posts.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
willowtee

I tested this idea and it had no effect unfortunately 

Share this post


Link to post
Share on other sites
James B

Do you want to set up a user account and PM us the password/login and we'll go in and take a look for you, see if we can figure out what's happening?


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
willowtee

Thanks - I will PM you with details now

 

Cheers

Tom

Share this post


Link to post
Share on other sites
James B

Hi Tom,

 

Just a quick update... I've been looking at this for hours now and I still can't work out what's going lol. I've going to get the rest of the team to have a look this afternoon and maybe get one of the developers to take a look. I'll come back to you as soon as I know a bit more.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
willowtee

Thanks James, sorry for the headache!

Share this post


Link to post
Share on other sites
James B

Hi there, I've managed to recreate this on my own site and haven't found a way to fix it.

 

Screenshot of my site - http://screencast.com/t/PvRXavdjV86

 

So I've raised this over to our developer team as possible a bug and we'll investigate further.

 

We'll be in touch as soon as we know more. Thank you for your patience :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×