cancel
Showing results for 
Search instead for 
Did you mean: 

Move Place Order button on Mobile view

Move Place Order button on Mobile view

How do I move the "Place Order" button to below after "Your Checkout Progress" on mobile view

 

checkout.png

6 REPLIES 6

Re: Move Place Order button on Mobile view

Hello @hea hooi_ngoi,

 

Please give site URL

 

--
If my answer is useful, please Accept as Solution & give Kudos

Re: Move Place Order button on Mobile view

Hi,

 

Please find the following url.

 

https://www.mymultitools.ozhut.co.nz/checkout/onepage/

 

Please view in mobile mode.

 

Thank you.

 

Regards,

Ngoi

Re: Move Place Order button on Mobile view

Hello @hea hooi_ngoi,

 

Please add below code in end of skin/frontend/ultimo/default/css/custom.css file

 

@media all and (min-width: 767px) {
	#page-columns {
		clear: both;
		overflow: hidden;
		position: relative;
	}
	.opc .step, .opc {
		position: inherit;
	}
	#review-buttons-container {
		position: absolute;
		width: 100%;
		bottom: 10px;
	}
}

Please check result on the attached file 

2018-10-24_10-41-43.jpg

--
If my answer is useful, please Accept as Solution & give Kudos

 

Re: Move Place Order button on Mobile view

Hi,

 

After I add the css to mentioned path, the layout still the same.

 

checkoutAfterModified.png

Re: Move Place Order button on Mobile view

Hello @hea hooi_ngoi,

 

Your site is not working so I can't check it. I got 503 error.

 

 

--
If my answer is useful, please Accept as Solution & give Kudos

 

Re: Move Place Order button on Mobile view

Hi,

 

Please try to check the site again.

 

Thank you.