My Account Page issue with CSS and Elementor Pro

[mramsey]

Hi,

I have purchased Elementor Pro to edit my WooCommerce my Account Page, and I have created a new Page called “Account” for testing, but as you can see from attached photos, editing the new “Account” page with elementor pro looks very good, but once I publish the page, WoodMart CSS cause a problem with the page not loading correctly.

Also for testing, I have tried storefront theme, I looked at My Account page and it looks great with Elementor Pro design.

Can you help please with this CSS issues?

Thanks

• This topic was modified 1 year, 4 months ago by mramsey.

Attachments:

You must be logged in to view attached files.

Hello,

In this case, is there any chance that you could give me access to the dashboard area so I can have a look at the settings on your website, please?

Kind Regards

Below is the access

Hello,

Please give me permission for checking the issue on the default theme.

Looking forward to collaborating with you!

Kind Regards

Hi Luke,

Yes you have my permission to do any changes to the default theme.

Thanks.

Hello,

Please add the below code to the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.wd-my-account-sidebar .woocommerce-MyAccount-navigation {
width: auto !important;
}

Let me know the result.

Kind Regards

Hello,

Please add the below code to the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.wd-my-account-sidebar .woocommerce-MyAccount-navigation {
    width: auto !important;
}

Let me know the result.

Kind Regards

[mramsey]

Hi Luke,

This code didn’t fix the problem at all.

Also address (BILLING ADDRESS) page still have the same problem too.

See attached new photos.

Your admin access is still valid, you can access my site and have a look.

Thanks.

• This reply was modified 1 year, 4 months ago by mramsey.

Attachments:

You must be logged in to view attached files.

Hello,

I checked it and on my side, it worked. I see the mistake on your screenshot that you did: https://take.ms/KgLBr

I have fixed that and cleared the cache, so you can just check the Checkout page.

Kind Regards

what do I need to do?

Change .wd to .wp?

.wd-my-account-sidebar .woocommerce-MyAccount-navigation {
width: auto !important;
}

Also the billing address still has the problem.

Hi Luke,

Are able to send me a CSS code for My-Account navigation menu and for view order page.

I will go through them and modify the CSS color and background according to my theme.

I think this will be easy than debugging the issue with Elementor Pro with WoodMart them.

Thanks.

Hello,

1. I told you that I have fixed it on your side, the issue was that you haven’t copied the full code therefore at the beginning should be dot .: https://take.ms/gTpM82

2. For now, I see that you have changed the My Account design: https://take.ms/hs06Q so how can I help here? send me some screenshots for a better understanding.

Looking forward to collaborating with you!

Kind Regards

[Author]

Posts