Return to previous page

Hi, I am facing a few issues in mobile view

This topic has 10 replies, 2 voices, and was last updated 1 months, 2 weeks ago ago by Luca Rossi

Shehzad Ghazi

Participant

March 14, 2024 at 22:12

Hello,

There are a few issues in mobile view I would like to highlight.

1- Store notice is overlapping the sidebar cart, you can check the SS. Also is there any way to hide store notice for logged-in users?

https://snipboard.io/FGMqY6.jpg

2- The top sticky header is overlapping with the cart sidebar, please check the SS.

https://snipboard.io/i4Ir2e.jpg

3- The sidebar is showing a limited item (30), I tried to change the number in the option given in the theme customizer but it was still limited to 30, So is there any way to increase the limit I found an old solution where it used to do by coding but that was an old post, that’s why checking with you guys.

Thanks,

#387001 Copied Theme version: 9.2.9

9 Answers
Luca Rossi

Support staff

March 15, 2024 at 10:43
Hi @Shehzad Ghazi,

1- Store notice is overlapping the sidebar cart, you can check the SS. Also is there any way to hide store notice for logged-in users?

https://snipboard.io/FGMqY6.jpg

2- The top sticky header is overlapping with the cart sidebar, please check the SS.

https://snipboard.io/i4Ir2e.jpg

Please add the following custom CSS under Theme Options > Theme Custom CSS > Global CSS:
```
p.woocommerce-store-notice.demo_store,
.mobile-header-wrapper .header-top {
    z-index: 1;
    position: relative;
}

.et_b_header-cart.et_element-top-level .et-mini-content, 
.et_b_mobile-panel-cart .et-mini-content {
    z-index: 9999;
}
```
3- The sidebar is showing a limited item (30), I tried to change the number in the option given in the theme customizer but it was still limited to 30, So is there any way to increase the limit I found an old solution where it used to do by coding but that was an old post, that’s why checking with you guys.

To improve the loading speed of website, we’ve limited the number of cart items to 30. If you want to increase this number, please navigate to this file: wp-content/plugins/et-core-plugin/app/models/customizer/theme-options/header-builder/cart.php on line 425:
```
- Change:                 'max'  => 30,
- To:                 'max'  => 100
```
Best Regards,
8Theme’s Team
#387060 Copied
Shehzad Ghazi

Participant

March 15, 2024 at 16:27

Hi,

Thanks for the response. The top header is breaking with the given code.

Store notice is still overlapping the cart and the issue is only on the iPhones before and after adding the code it same, only iPhones have the overlapping issue.

#387134 Copied
Luca Rossi

Support staff

March 16, 2024 at 07:09
Hi @Shehzad Ghazi,

We’ve updated the custom CSS codes to this:
```
p.woocommerce-store-notice.demo_store,
.mobile-header-wrapper .header-top {
    z-index: 10001 !important;
}

.et_b_header-cart.et_element-top-level .et-mini-content, 
.et_b_mobile-panel-cart .et-mini-content {
    z-index: 10002 !important;
}
```
Can you check again?

Best Regards,
8Theme’s Team
#387170 Copied
Shehzad Ghazi

Participant

March 16, 2024 at 18:14

Hi,

Still not working. This code fixed the top header issue.

p.woocommerce-store-notice.demo_store,
.mobile-header-wrapper .header-top {
z-index: 999 !important;
}

But store notice still overlaps the sidebar cart and sidebar menu, only in iPhones, which seems like a bug or something.

#387196 Copied

Luca Rossi

Support staff

March 17, 2024 at 07:02

Dear Shehzad Ghazi,

We are reaching out to you in reference to a matter we observed on the Simulator. Below are the links to the screenshots that illustrate the current appearance:

– [Screenshot 1](https://prnt.sc/hKJK7QjVVVcJ)
– [Screenshot 2](https://prnt.sc/FXFdTbq_BVBw)

To assist us in diagnosing and addressing the issue effectively, could you kindly provide us with the corresponding screenshots from your end, along with the specific URL where the issue is occurring?

We appreciate your cooperation and look forward to your prompt response.

Thank you for your attention to this matter.

Best Regards,
The 8Theme Team

#387216 Copied

Shehzad Ghazi

Participant

March 17, 2024 at 19:15

Hi,

You need to check it on phones. That’s how it looks on iPhones.

https://snipboard.io/FGMqY6.jpg

#387253 Copied
Luca Rossi

Support staff

March 18, 2024 at 06:55
Hi @Shehzad Ghazi,

We’ve updated the custom CSS codes to this:
```
p.woocommerce-store-notice.demo_store,
.mobile-header-wrapper .header-top {
    z-index: 999 !important;
}

 .et_b_header-cart.et_element-top-level .et-mini-content, 
.et_b_mobile-panel-cart .et-mini-content {
    z-index: 10002 !important;
}

.template-container {
		z-index: 1;
}
```
Can you please check again?

Best Regards,
The 8Theme Team

Files is visible for topic creator and
support staff only.
#387280 Copied
Shehzad Ghazi

Participant

March 18, 2024 at 16:56

Hi,

It works finally.

Thanks for your support.

#387391 Copied

Luca Rossi

Support staff

March 19, 2024 at 06:11

Hi @Shehzad Ghazi,

In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

Click here to share your thoughts: https://themeforest.net/downloads

Being part of our community means a lot, and your feedback contributes immensely.

Best Regards,
The 8Theme Team

#387442 Copied
Tagged: fix woocommerce mobile problems, mobile view issues, resolve woocommerce mobile issues, troubleshooting woocommerce mobile, woocommerce templates mobile errors, wordpress mobile view solutions, wordpress woocommerce templates
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Hi, I am facing a few issues in mobile view’' has been successfully resolved, and the topic is now closed for further responses

Hi, I am facing a few issues in mobile view

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection