- This topic has 11 replies, 2 voices, and was last updated 8 years, 2 months ago by Andrew Misplon.
Tagged: footer responsive
- AuthorPosts
- August 1, 2016 at 3:14 pm #4363
PSBakhParticipantHey guys,
Quick question re: footer
I used Ultra to build a corporate site for a client, and then copied the styling across to create a couple of holding pages for them, for off shoots of their business.
However I notice that the footers behave differently between the websites:
http://www.regentsparkhealthcare.com/ – as you can see, when resized for mobile, the widgets stack one on top of the other (on a side note, is there a css code i could use, to align the widgets to the center of the screen in this mode?)
http://www.rphc.co.uk/ – on here however you will see that the footer just scales down and looks like a bit of a mess.
I’m not sure what’s different between the two websites, as I used the same theme and copied a lot of the css over, so your help is greatly appreciated!
Thanks 🙂
August 3, 2016 at 8:02 pm #4370
Andrew MisplonKeymasterHi PSBakh
Good to hear from you.
Have you perhaps made progress with this question? Both footers now seem to be behaving in the same way.
You could center everything in the footer as follows:
/* Footer */ @media (max-width: 768px) { .resp #colophon .widget { text-align: center; } }
August 6, 2016 at 2:25 pm #4401
PSBakhParticipantHi Andrew!
Sorry for super late response! Yes, turns out it was a blunder with the actual CMS, so I reinstalled WordPress and that seems to have fixed the issue.
Thank you for the code above, I will implement it in the websites asap.
August 7, 2016 at 11:10 am #4402
Andrew MisplonKeymasterAwesome 🙂 Glad to hear you’ve made progress.
August 18, 2016 at 12:10 pm #4467
PSBakhParticipantHey Andrew,
It seems that the above problem has returned. I’m not entirely sure how to go about fixing it – I have reinstalled WordPress, and updated it to the most recent version, however it seems to jus revert back it its old ways.
Any thoughts?
Thank you!
August 18, 2016 at 12:34 pm #4468
Andrew MisplonKeymasterThanks for your reply. The problem is that all of the normal
body
classes that Ultra prints and relies on are missing. There are twobody
tags which is strange. I think I’ve seen this in the case of domain parking or what I would consider abnormal hosting redirects. Is there anything like that happening here?You can see the problem if you inspect the page source:
<body data-gr-c-s-loaded="true"> <body>
Two opening
body
tags and nobody
classes.There should only be one
body
tag and it should look something like this:<body class="home page page-id-4 page-template page-template-page-templates page-template-full-width-no-title page-template-page-templatesfull-width-no-title-php siteorigin-panels siteorigin-panels-home group-blog one-column full resp resp-top-bar" data-gr-c-s-loaded="true">
Here is a similar case: http://wordpress.stackexchange.com/questions/198563/two-body-tags-on-all-wp-pages-regardless-of-theme.
Does this problem persist if you switch to Ultra parent theme?
(A quick reminder that ideally, you shouldn’t have the entire Ultra parent style.css contents in your child theme, that can cause lots of update issues, ideally you should only have the edited CSS rules and new rules in the child style.css file. At the moment there is a lot of duplication.)
August 18, 2016 at 12:50 pm #4469
PSBakhParticipantThank you for your speedy response.
As far as I am aware – there are no abnormalities in regards to the hosting.
I’ve just checked and the problem does persist when I switch to the parent theme.
Re: style.css contents – I’m afraid I’m not very savvy when it comes to this kind of thing, I’m really more of a designer than developer, I used the child theme template available for download on your site and just changed the info regarding the site name and author?
What can I do to resolve this?
Thank you!
August 18, 2016 at 1:09 pm #4470
Andrew MisplonKeymasterThe child theme challenge is not an easy fix. You’d need to use a program like DiffMerge: https://sourcegear.com/diffmerge/ and compare your child style.css with the original in order to find the rules that you’ve edited and the new rules. You don’t have to do this, it’s up to you.
Try this, switch to any default WordPress theme like Twenty Sixteen, check your source code. This is what the body tag looks like when I view the source code with Twenty Sixteen activated and all plugins disabled:
<body class="home blog logged-in admin-bar hfeed customize-support" data-gr-c-s-loaded="true">
Note the body classes. Do you have classes in your body tag when switching to Twenty Sixteen with all plugins deactivated?
August 19, 2016 at 12:40 pm #4473
PSBakhParticipantHi Andrew,
I just did as you suggested and changed to Twenty Sixteen with all my plugins disabled – and there appear to be no body classes at all in my source code. What does that mean?
Thank you
August 19, 2016 at 2:17 pm #4474
Andrew MisplonKeymasterThanks for confirming. I have seen this issue come up, a long time ago, but can’t remember exactly how it was resolved. When you enable 2016 with no plugins, if you see two body tags, one inside the other:
<body> <body>
that’s something you can ask your hosts about, see if they know anything. Random ideas that come to mind are hosting forwarding like parked domains. I’m not quite sure at this stage.
August 19, 2016 at 2:24 pm #4475
PSBakhParticipantOk, I’ve contacted the developers that initially built the sites back in 2012 or so, hopefully they can resolve this.
Thank you for your help 🙂August 19, 2016 at 2:25 pm #4476
Andrew MisplonKeymasterHope you can solve. You can also try comparing this hosting setup with the site that works and try figure out what is different.
- AuthorPosts
You must be logged in to reply to this topic.