Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #19963

    Hello, I am developing a site using flashlight here –

    I would like to position my footer below the slideshow so that it does not overlap and obscure any of the slides.

    How can I do this?

    Many thanks



    I visited the site and you manage to place it at the bottom. Is this fixed already? Nice site.




    Hi Ismael, thanks. It’s positioned at the bottom because I’ve used a position:fixed bottom:0, it’s still overlapping the slideshow.

    Sorry I don’t know the correct terminology, but I will try to explain with this example. In photoshop you have layers, if you imagine the slideshow and the footer to be on two separate layers that is how the site currently looks. But I want them on the same layer.

    Hope that makes sense :s


    I forgot to mention, I want the footer to stay visible at the bottom of the page but users wont have to scroll down.


    Hi larssonk22,

    It looks like you are using a different theme now. If you switch back and would like us to take a look again let us know.




    I’m still using the flashlight theme, I’ve just customized the look


    Don’t why but my “hide sidebar and content” button isn’t working either after you click the home icon and return to normal view.

    On my android phone the .box container doesn’t return, so there is just an empty space were it once was.

    It would also be great if I could hide the footer as well when clicking the hide button, any advice on this would be greatly appreciated.


    I’m not sure where that footer came from as its not in default theme layout. I really don’t know whats going on but from my view the site appears almost unusable. It looks like the main source of that is:

    .content {
    max-height: 85px;

    Which means any browser is unable to make the content larger than 85 pixels. This has been added to the Quick CSS in the styling tab of the theme settings.

    The issue is at this depth of customzation, we aren’t really working with the same set of files anymore so its hard to help on issues.




    Hi Devin, you can ignore .content container as that part of the site is still a work in progress and has no influence on what I want to achieve.

    I just need to figure out how I can sit/place a div container below the slideshow. This container is where my footer will end up being placed.



    I think you customized the code and somehow popped the footer out of where it used to be before and now it’s on the same node level as the main content, when originally the footer was inside the main content node.

    your code now (incorrect location of footer div)

    how should be (i am moving only 1 thing, the footer div and everything inside)

    (when i moved the node where it is supposed to be , the footer started displaying correctly on your site without extra css)




    Thanks Nick, I’ll try it.



    Let us know if Nick’s suggestion solved the issue.



Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Does Anybody Know How To Move Footer Below Slideshow?’ is closed to new replies.