Forum has been created to help all our customers in properly working our theme. We offer complete help with configuration theme and make default look, just like on our Be|theme demo. We don`t offer theme customization.

Before creating a new discussion, please:
1. Check on forum if discussion hasn`t been created before. Use the forum Search on the right.
2. Read carefully the documentation included to package.
3. If you didn`t find what you need and would like to post a new question click the "Start a New Discussion" button on the right.
4. You can post on forum only after registration (you need purchase code to register) .

NOTE!!! If you are starting a new topic and have got problems with your site and you want us to check what`s wrong please always give url to your site because without that we can`t check what`s wrong. Each case may be different because of your installed plugins, servers or other things.

IMPORTANT!!! Along with your inquiry, please attach the address of the page which concerns the question. This will cause the time to answer on your question will be much shorter. If you do not want to publish your address publicly in the forum, please send a private message. Thanks!

Getting columns and rows to align or masking flaw with z-index layer


I've been trying for hours to get columns and rows to align nicely, but it also has to be responsive, so that's tricky...
To work around this problem I thought I'd use z-index with the footer and put it on top of the row, so the 'not aligning parts' would fall behind the footer.

If you look al this page you'll see the problem (when you scale the browser window): 

The columns don't align anymore (at the bottom) and cover part of the footer.

Is there a way to solve this? Best way would be to get the columns and rows to align nicely, but if you can get the footer to go on top (or the rows to go to the bottom) using z-index, that's fine to. 

Thanks for your help!



Sign In or Register to comment.