[blankrkw]

Hi,
I was able to extend the footer to be full width when the theme uses the vertical left menu with the code below:

#footer {
	position:absolute;
	margin: 0 auto;
	overflow: hidden;
	padding: 60px;
	color: #fff;left:0;z-index:100000;width:100%;
}

The issue with this is that when pages scroll the footer will will overlap the left menu. As seen in the attached screenshot where the last menu item is getting cut off.

If there a way via CSS or making edits to the theme template that could resolve this?

Thank you!

Reply

[Fem]

I think you can decrease the z-index value to see on which value it fits according to your requirements.

Reply

[blankrkw]

Hi,
There is a misunderstanding. I would like to have the footer fall below the vertical left menu, not behind.
Changing the z-index will only change on what layer it shows. I’m looking to achieve a full-width menu that falls below the vertical left menu (not infront of or behind it) but below.

So if one scrolls a long page the vertical left menu scrolls as well and the last item at bottom of page would be the full-width footer.

Hope this makes sense, and direction would be greatly appreciated.

Thank you!

Reply

[Fem]

Sorry its not possible to do that footer option what you are asking for. We have tried our level best but if you find a solution please let us know about that.

Reply

[mikey123b]

This reply has been marked as private.

Reply