Return to previous page

My account page contents not showing properly in mobile view

This topic has 4 replies, 3 voices, and was last updated 1 years, 9 months ago ago by Tony Rodriguez

bhabani

Participant

March 1, 2023 at 15:41

Hi,

Few of the contents are missing out in ‘my accounts’ page in mobile view.
Please find the screenshot for reference and let me know how to fix it!

Thank you!

#348500 Copied Theme version: 9.0.3 WooCommerce version: Version 7.3.0

3 Answers

Rose Tyler

Support staff

March 1, 2023 at 16:17

Hello,

Thank you for contacting us and for using XStore.
We do not see any screenshots in your message, unfortunately. You can use Lightshot screenshot or Gyazo tool to make screenshots and share the links here, or you can use a file sharing service such as WeTransfer https://wetransfer.com/
Also, please provide temporary wp-admin access.

Thank you for your cooperation and we look forward to hearing from you soon.

Kind Regards,
8theme team

#348504 Copied

bhabani

Participant

March 6, 2023 at 20:34

Hi, My account page mobile view text alignments are not correct. the text are at the edge of the page. also the top header is getting a white border in mobile view account page. Please find the screen shot!

Please find the screenshots link in private content area!

Please contact administrator
for this information.

#349105 Copied
Tony Rodriguez

Support staff

March 7, 2023 at 06:12
Hello @bhabani,

We have identified two issues with the mobile view of your account page, namely that the text alignment is not correct and the text is at the edge of the page.

To resolve this, please copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After clearing the browser cache of the mobile, the issue should be resolved.
```
@media(max-width:767px){
.woocommerce-account nav.woocommerce-MyAccount-navigation {
margin-left: 20px !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
margin-left: 20px !important;
margin-right: 20px !important;
}
.empty-wishlist-block {
padding: 10em 0 5em !important;
}
}
```
Regarding the white space above the content, this is due to the margin that has been set for the Elementor element on your site. Please refer to the screenshot provided at the following link: https://postimg.cc/zLTq0pKq. Please locate and remove the margin to resolve the issue.

Alternatively, if you would like us to investigate further, please provide us with your WordPress Admin URL and credentials in the private content area of this topic.

We hope this helps.

Best regards,
8Theme’s Team
#349124 Copied
Tagged: mobile view, my account, seo friendly, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)