Move account details above orders ( customer account dawn theme)

Store Design
, ,
1

Hello,

i want to move the account details above the orders like shown in the picture on desktop and mobile.

Image 31-08-2023 à 00.28.jpeg
Image 31-08-2023 à 00.28.jpeg2768×1194 111 KB

how can I do it ?

Store url :https://prettypleaseatelier.com

password: Naomi

Thank you for your help.

2

Hello @NaomiNN

Its Artzen Technologies! We will be happy to help you today.

Go to the Online Store->Theme->Edit code->Assets->base.css>

Paste this css at bottom of base.css file

@media screen and (min-width: 990px) {
:is(.account,.order)>div:nth-of-type(2) {
    flex-direction: column-reverse;
    gap: 20px;
}
}

Let me know if need further assistance
Regards,
Artzen Technologies

1 Like
3

Hello @Artzen_tech

thank you for your help, the code worked on desktop but not on mobile. Do you have another way please ? And I have another question how can I reduce headings and text font sizes ?

4

Add this CSS also on your base.css file

@media screen and (max-width: 989px) {
	:is(.account,.order)>div:nth-of-type(2) {
		display: flex;
		flex-direction: column-reverse;
	}
}
1 Like
5

@Artzen_tech Thank you so much it worked perfectly! How can i reduce the font size ?