How can I center the Quick Buy Pop-Up on both desktop and mobile?

[Teddy9]

Hi,

I want to have the Quick Buy Pop Up to the center of the screen on desktop and mobile. It is now all the way in the right bottom corner. Can anyone that is smarter than me provide me with a answer? I will be most thankful.

It concerns koflo-store.myshopify.com

For your reference here the screen shot of the situation:

[PageFly-Victor]

Hi @Teddy9 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.aio.min.css->paste below code at the bottom of the file:

.drawer::part(content) {
  position: fixed !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 70% !important; 
}
@media (max-width:767px){
.drawer::part(content) {
        width: 97% !important;
    }
}

Hope my answer will help you.

Best regards,

Victor | PageFly

[Teddy9]

That works great!! Thanks a lot @PageFly-Victor ! You rock!