Brooklyn - Edit the width of the "order history" section in customer account page

Solved
timfo
Tourist
5 0 3

Right now, on desktop, the order history looks like this. It's not wide enough, so I get a scroll bar at the bottom:

Skjermbilde.JPG

How can I make it a bit wider and get rid of the scroll bar?

KetanKumar
Shopify Partner
16937 1851 6337

@timfo 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

also share your test user and some order 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
timfo
Tourist
5 0 3

@KetanKumar 

URL: www.sileco.no

Account: bedrift@sileco.no

Password: rixof3

It has 1 test order

0 Likes
KetanKumar
Shopify Partner
16937 1851 6337

This is an accepted solution.

@timfo 

thanks for update 

can you please add this code 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.table--responsive td {
    font-size: 13px;
    padding: 10px 5px;
}
.table--responsive th {
    padding: 8px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
timfo
Tourist
5 0 3

@KetanKumar That worked perfectly, thank you.

Would you also happen to know how I can remove the horizontal line below the first order on the desktop view?

And it looks even worse on mobile:

20210410_140318000_iOS.png

 

On mobile, a seperator between the orders is fine because they are presented vertically, but not between every line on the first order.

0 Likes
KetanKumar
Shopify Partner
16937 1851 6337

@timfo 

yes  bt i need multiple order test user can you please add more order same use is fine 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
timfo
Tourist
5 0 3

@KetanKumar 

Please log in with this user:

Username: post@timfosse.no

Password: thmop34

Thank you

KetanKumar
Shopify Partner
16937 1851 6337

This is an accepted solution.

@timfo 

thanks for more details 

tr:first-child th:after, tr:first-child td:after {
display: none;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
timfo
Tourist
5 0 3

Thank you so much

KetanKumar
Shopify Partner
16937 1851 6337

@timfo 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes