Poster image description to be underneath button

Site URL: https://maisonbypatrice.squarespace.com/

Hi there!

I am trying to swap out the two buttons on the homepage so they appear on top the image poster description rather than underneath.

Any help would be greatly appreciated!

Website: https://maisonbypatrice.squarespace.com/
Password: Maison

On 6/8/2021 at 4:31 PM, Andrew_Metallinos said:

Site URL: https://maisonbypatrice.squarespace.com/

Hi there!

I am trying to swap out the two buttons on the homepage so they appear on top the image poster description rather than underneath.

Any help would be greatly appreciated!

Website: https://maisonbypatrice.squarespace.com/
Password: Maison

Hi. Where is poster?

On 6/10/2021 at 12:14 AM, tuanphan said:

Hi. Where is poster?

Hi tuanphan, on the homepage - those two image blocks are posters that I've made to take up the full screen. After some some more research I landed on the below code to made the button (changed to be logos) above the description so I'm all good now, thank you!

.design-layout-poster .image-button-wrapper {
    margin-top: -47%;
  }
  @media screen and (max-width: 640px) {
    .design-layout-poster .image-button-wrapper {
      margin-top: -85%;
    }
  }
}

I see this problem. Do you need fix?

Site URL – https://maisonbypatrice.squarespace.com/

1. (Tablet-Homepage)

2. (Tablet-Maison by Patrice) Increase content width?

1 hour ago, tuanphan said:

I see this problem. Do you need fix?

Site URL – https://maisonbypatrice.squarespace.com/

1. (Tablet-Homepage)

2. (Tablet-Maison by Patrice) Increase content width?

As previously mentioned I was able to use some code to move the button (now a logo) to be above the text but depending on the device it may or may not work. Do you have a better fix that fixes the button/logo so it always stays above the text?

As for the menus - the client wants it to be small so users click on the image to view it in full screen.