Footer 3 columns not working
-
Hello,
The website for reference is https://lifevibrant.com
I have 3 column layout – have put text via “Visual Editor” in all 3 (Footer 1, Footer 2, Footer 3) footer areas. Still, the footer is in a single column – All the text is showing underneath each other.
I am looking at the elements (in Safari), “.footer-widget-1.grid, .footer-widget-2.grid, .footer-widget-3.grid” are there. But, no columns?
Any ideas what is up – Is there a bug?
Thank you.
-
Hi,
You have to select footer layout.
Appearance -> Customize -> Footer design -> Footer design: logo layout..
Find the setting -> Select columns to enable footer widgets
Select the layout you want.Thank you
Hi Denzel,
As I mentioned, I have gone through those steps – 3 column layout is selected – content has been posted via widgets.
Still, 3 columns are not there.
Also, I have placed an image in the “Footer Full Width” (via widget). It is not showing up.
Thank you.
Hi,
I am not able to replicate your issue.
This is how my footer looks.
https://image.prntscr.com/image/03834189f5974e378ea4447d816ab996.pngPlease check for plugin conflict.
1) If you are using a server cache or cache plugin, please clear it’s cache content and disable caching via it’s settings.
2) Proceed to disable one plugin at a time, clear browser history and re-visit your footer widget area. Check if it’s showing up properly.
Do this until you find the plugin that’s causing this issue, please replace with an alternative plugin.
You can also check if your custom css is causing this issue.
Activate Hueman theme will disable your child theme, clear browser history and re-visit your footer widgets.Thank you
Hi,
If you have footer.php in your child theme.
Please compare with Hueman footer.php and update your child theme footer.php
There is missing css class in your footer widget area HTML div tag.Thank you
Hi Denzel,
Thank you for looking into it. I don’t have any footer.php. what d you mean by,
There is missing css class in your footer widget area HTML div tag.
Other steps have already been tested. nothing seems to be working – is there a bug in the new version of Hueman?
Hi,
Take a look at my screenshot.
https://image.prntscr.com/image/41ceac2307914ebeb39916bed3748486.pngYou can see there is a one-third css class
It’s missing on your website.I am using latest version Hueman 3.3.2 and Hueman Addon 2.0.4
Thank you.
Hi Denzel,
Yes, I noted the missing css class for 1/3 columns – But, why is it missing?I have selected 3 columns, widgets areas are also theres for footers 1,2, and 3, content is also posted. one-third css must have been there then. Is there a bug?
I am also using the latest versions; Hueman 3.3.2 and Add-on 2.0.4. Going to re-update these again.
Question is, how to insert the css – I am going to add the class to my child theme and let you know.
Thank you.
Hi Denzel,
Further to give you the update – I added the entire stack of css (to my child theme) for the footer:
.grid { margin-right: 3.2%; float: left; display: inline; position: relative; }
.last { clear: right; margin-right: 0!important; }.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 48.4%; }
.one-third { width: 31.2%; }
.two-third { width: 65.6%; }
.one-fourth { width: 22.6%; }
.three-fourth { width: 74.2%; }
.one-fifth { width: 17.4%; }
.two-fifth { width: 38.1%; }
.three-fifth { width: 58.7%; }
.four-fifth { width: 79.4%; }Still, no effect – it doesn’t show up (element inspection).
It simply means that the while I am selecting the 3-columns in the footer, and the widget areas are created for all the 3 footers, the right css is not being implemented in the theme. A bug?
Any ideas?
Hi Denzel,
Also, I am using (older) Hueman for my other website – all the 3 footer columns are OK there. You can check the site here:Hi,
I am using latest version Hueman 3.3.2 and Hueman Addon 2.0.4
I am not able to replicate your issue. My footer widget column works properly.
https://image.prntscr.com/image/41ceac2307914ebeb39916bed3748486.pngSince you mention that you had already carried out the troubleshooting steps that I recommended you to carry out and is not able to resolve your issue.
I am Sorry, there is nothing more I can do to help.Other users of Hueman Theme, needs to be able to replicate your issue, in order for it to be consider a bug, if not. it’s an issue unique to your website.
Theme author will not be able to provide a solution if he cannot replicate your issue.
You can put up a bug report on Hueman Theme github if you think it’s a bug.
But like I had mentioned, theme author will need to be able to replicate your issue in order to provide solution.I suggest you to hire a developer to login to your website to assist you in troubleshooting your issue.
Thank you.
Hi Denzel,
Will it be possible for you to check the stack of css code that I have inserted (my previous message), and let me know if it is the right code [that code is coming from the original Hueman theme’s css file]?Besides the columns, my insertion of an image into the “Footer Full Width”, and the footer logo are also not showing up. All these widget areas are there, and content has been put via the “Visual Editor”
Also, FYI, I had disabled my child theme and activated the Hueman theme – didn’t solve the problem.
Thank you.
-
This reply was modified 8 years, 2 months ago by
Parwaiz Khan.
Hi,
There is new theme and plugin update.
Please make an update and setup your footer widget column again in Appearance -> CustomizeHope it works for you.
Thank you
Hi Denzel,
Thank you for coming back on this topic.
Actually, I took care of the issue by utilizing the “Responsive Columns” (Hueman Addon) in the footer. Along with the Responsive Columns and other widgets, footer layout can be fashioned any way one wishes.
You can check the site: https://lifevibrant.com
It seems, the theme uses the same code as in the plugin – and, there was a ‘bug’. I am glad they ‘fixed’ it.
Going to revert back to theme’s footer layout, and let you know if it is working OK now.
Thank you very much for all your help and care, though.
You are welcome.
Thank youHi Denzel,
Now every thing broke up – see my website: https://lifevibrant.com
Here is what I did:
Updated to latest Hueman Theme Version: 3.3.3. (Human addon is 2.0.5).Set the Footer layout to 3 columns. No change occurred – all 3 columns were there in the widget area, but the content of all the columns kept on showing as a single column – like before.
I then reverted back to a single column layout (saved it multiple times). But, in the widget section, there are now footer1, footer2, footer3, footer 4, and full width footer!
the whole site is collapsed – it seems there is some serious bug in the new theme version.
Please consult with the developers and advise.
Thank you.
-
This reply was modified 8 years, 2 months ago by
- The topic ‘Footer 3 columns not working’ is closed to new replies.