Does Anybody Know How To Move Footer Below Slideshow? « Support Forum | Kriesi.at

Support Forum » Flashlight

Does Anybody Know How To Move Footer Below Slideshow?

12 posts from 5 voices

Started 4 months ago by larssonk22
Latest reply from Dude
This topic is not a support question

Tags:

larssonk22
Member

Hello, I am developing a site using flashlight here - http://kaijaweb.com/clients/rhealan/beach

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

Posted 4 months ago #
Ismael
Moderator

Hi,

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

Regards,
Ismael

Posted 4 months ago #
larssonk22
Member

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

Posted 4 months ago #
larssonk22
Member

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

Posted 4 months ago #
Devin
Moderator

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.

Regards,

Devin

Posted 4 months ago #
larssonk22
Member

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

Posted 4 months ago #
larssonk22
Member

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.

Posted 4 months ago #
Devin
Moderator
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.

Regards,

Devin
Posted 4 months ago #
larssonk22
Member

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.

Posted 4 months ago #
Nick
Moderator

Hi,

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 http://i.imgur.com/R0EFAOt.png (incorrect location of footer div)

how should be http://i.imgur.com/l54D3Nd.png (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

Posted 4 months ago #
larssonk22
Member

Thanks Nick, I'll try it.

Posted 4 months ago #
Dude
Dude

Hi!

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

Regards,
Peter

Posted 4 months ago #