XF 1.X Responsive Footer

[RobParker]

I think I may have asked about something similar previously but this is what the footer looks like at a lowish res



Is there any way to make it at least central rather than right aligned?

 

[netrix]

Could it be like this problem here? http://pixelexit.com/threads/footer-float-problem.246/
(It looks like)

 

[RobParker]

Not quite the same. If I make the browser wider then it flows nicely into one row.

It's just at this medium res where it doesn't work great.

 

[Steve]

Can you check out Core on our Demo board Rob?

I have updated the footer for XenBase and it should be responsive completely now.

http://pixelexit.com/demo/xf/index.php?misc/style&style_id=42

 

[RobParker]

My site:



The demo:



Looks good to me

My only comment would be that when it gets to a certain width, all the sidebar blocks go full width but the footer doesn't. Not sure if you'd want it to or not...?

 

[RobParker]

Also not sure if this is possible but it'd look nicer if the copyright/social stuff could right align here alongside the logo?

 

[Steve]

Also not sure if this is possible but it'd look nicer if the copyright/social stuff could right align here alongside the logo?

View attachment 290

Actually to be correct everything needs to be centered to be consistent I think. Will work on that.

 

[Steve]

Demo has been updated

• Logo is now centered at max responsive width (800px)
• Changed some CSS for footerlist

As for the blocks expanding like the sidebar blocks, I think its more work than what it is worth. I played with it for a while but things I did just kept breaking the layout. Viewing the footer on my iPad 2 and iPhone 5 looks very good now.

 

[Ji2myTran]

@Steve : I don't want to update to the newest version. Could you help to post the CSS code here to fix the "Expand Footer" in Responsive version will be in the middle as above demo? When i expand the footer, the remain menu is display in the right site as this image:

Thanks!

 

[Russ]

@Ji2myTran any reason you don't want to update to the latest version by chance? If I'm not mistaken for these fixes you should just need to update XenBase.

 

[Ji2myTran]

@Russ : As i made some changes for the style so i'm afraid that it will break some contents in custom CSS when i update the style.

Appreciate if you can provide the codes, thanks!

 

[Ji2myTran]

Hi Russ, could u help on this? If it is required to change a lot of thing in the style so it is okay, i will keep the current style version. But if it is just edit the CSS templates, kindly assist as well.

Thanks!

 

[Russ]

I'll get you the code tomorrow, but one thing I'd recommend is downloading the new version, installing as a completely brand new style. Then create a child style of Core calling it yours, and do your changes there.

This way future updates you can easily benefit from quick updates.