Strangeness in the Sidebar!

Hi Folks,

A strange thing is happening in the side bar which I cant figure out. I’m using Font Awesome icons, which are then linked to either other oages on the website or offsite (Instagram). On some pages they work fine. However on others they dont!

For example, on the home page they dont work and if I take a working link from another page and copy it in, then it fails to work. Is this a case of me being an idiot? What have a done wrong?

Not working: http://www.cheetahworld.com

Working: http://www.cheetahworld.com/Nature/Wildlife/

I’m not familiar with the theme but I wonder if it has something to do with the Footer. When I try to inspect the icons on the non-working page, I can’t select them because they’re appearing “behind” a layer above it. (See screenshot).

In your working page, the footer is below everything, in a seperate container, it would seem…

1 Like

Thanks Jason,

Is there a way of forcing the sidebar to load as the top element. Is it the Z function in CSS?

Could be. Unfortunately I’m not any good at figuring out CSS. Unless someone else can chime in, I’d drop the developer a line. I believe @MultiThemes makes the Lander theme, maybe they can point you in the right direction.

1 Like

It looks like the footer on the broken page appears in the sidebar. In the working page, the footer is at the bottom of the page. The content in the sidebar is different. The footer should be at the bottom of your sidebar in both cases.

I would check what you have in your sidebar; you may have something that is screwing up the HTML, so the sidebar division never gets closed.

1 Like

Thanks Doug, I’ll go look and strip the sidebar down.

Cheers

An updated thank you to Doug and Jason for your help. I found a couple of rogue

in there, and removing them makes the icons work.

So, by removing a

this “div” is now happy!
1 Like

This topic was automatically closed 6 days after the last reply. New replies are no longer allowed.