Bloc on top of an other bloc

Hello,

I would like to make this page.
But I can’t figure out how to have the “Contact us! / Twitter” bloc on top of my other 2 sections. I have tryied to make an other section and put -900 pxfor “margin top” so the bloc can go higher but it seems that it can’t noot move pass -500 px.

Can you please help.

Thanks in advance

Hello @joycre,

Thanks for asking. :slight_smile:

Can you please share website URL for us to take a closer look?

Thanks.

Hi There,

Please remove all the negative paddings/margins you applied to the Sections. Then make your first section a 2/3 + 1/3. This 1/3 will be your “Contact us! / Twitter” box, apply these settings to your 1/3 column:

White background-color
2em paddings (all sides)
box-shadow with this setting

Also, on that 1/3 column under the Customize tab, apply this to the Element CSS

@media (min-width: 980px) {
	$el {
    position:absolute;
    right:0;
  }
}

On the second section (with green background), also under the Customize tab apply z-index:0; on the Inline CSS.

Hope it helps,
Cheers!

Thank you so much ! Works perfectly

You’re welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.