• Resolved Dan14

    (@dan14)


    My theme is TwentyFourteen. When I try to add a SWF file in the right sidebar it rips through the top menu when the page is scrolled down. I have JPEG files (images) in the sidebar and they don’t go through the top menu when the page is scrolled down. How do you fix this?

Viewing 15 replies - 1 through 15 (of 53 total)
  • Thread Starter Dan14

    (@dan14)

    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.

    Thread Starter Dan14

    (@dan14)

    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.

    JenR

    (@jennifer-roberts)

    Posting a link to your site would be helpful.

    Thread Starter Dan14

    (@dan14)

    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.

    Thread Starter Dan14

    (@dan14)

    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.

    JenR

    (@jennifer-roberts)

    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?

    Thread Starter Dan14

    (@dan14)

    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?

    Thread Starter Dan14

    (@dan14)

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

    JenR

    (@jennifer-roberts)

    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

    Thread Starter Dan14

    (@dan14)

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

    JenR

    (@jennifer-roberts)

    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).

    Thread Starter Dan14

    (@dan14)

    I am sure it is something simple

    Thread Starter Dan14

    (@dan14)

    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;
    }
    JenR

    (@jennifer-roberts)

    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?

    Thread Starter Dan14

    (@dan14)

    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.

Viewing 15 replies - 1 through 15 (of 53 total)
  • The topic ‘SWF Files in Sidebar Help’ is closed to new replies.