SWF Files in Sidebar Help

Just to clarify something, there are no error messages. It is just when the page is scrolled down the SWF in the sidebar goes on top of the top menu.

I googled and I am obviously not searching right as I cant be the only one but I didn’t find anything. Please help if you can.

Posting a link to your site would be helpful.

Hi JenR!! I don’t want to post a link because google will index it. Basically I am trying to put a SWFbanner in the right sidebar in TwentyFourteen. I am using the text widget. When the SWF banner is in then sidebar, when the page is scrolled down the SWF banner goes on top of the navigation menu rather than underneath. This the issue I am trying to resolve.

Its like the SWF banner goes on top of the navigation menu (Home, About, etc.). When I use JPEG it works fine when the page is scrolled down but with SWF it goes on top of the nav menu.

Pretty impossible to help with something like this without seeing it. Have you looked at the CSS using a browser tool like Firebug to see what’s going on with the CSS for that element?

My technical knowledge is very limited I’m afraid. I only know it happens only with SWF files. The file works, no errors but it just going on top of the nav menu that is on top of the page (sticky nav) when the page is scrolled down. Any ideas what I should do Is it CSS?

Can you suggest what could be the problem or the solution for this?

MIGHT be a simple CSS issue – z-index maybe. You’d have to know or learn some CSS to figure it out. Unfortunately, can’t help with CSS without being able to use a browser too.

Good reference on z-index – which allows you to control which elements show up on top of one another –

https://www.w3schools.com/cssref/pr_pos_z-index.asp

Thank you for the link!! I read through it, how do I apply it to SWF file and not IMG?

Depends how that piece of your site is coded – look at the HTML and see what elements or classes or ids you can use as CSS selector(s).

I am sure it is something simple

I did this in style.css a long time ago but cant remember why, could be the solution with the zindex?

.full-width .site-content .has-post-thumbnail .entry-header {
margin-top: 20px;
}

That doesn’t look like it would affect anything in the sidebar – which would typically be in a widget? Are you using a browser tool like Firebug or Chrome Developer tools?

No, I can use it now to check the CSS but not debug from the browser. I will do it now, stay with me. I have a feeling it is the z-index but not sure what to write. I am checking now, it will be min.