How do I make the index page, the home page, so that the “Best-selling products”

Dear @Zg007,

We hope this message finds you well.

Could you kindly incorporate the following CSS code into your website? Please navigate to Theme Options, then select Theme Custom CSS, and finally, insert the code into the Global CSS section:

body .products-slider .quantity .minus,
body .products-slider .quantity .plus {
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 1.387em;
    height: 1.12em;
    text-decoration: none;
    overflow: visible;
    font-weight: 700;
    cursor: pointer;
    color: #0e9557;
    border: 1px solid #bbb3b9;
    background-color: #fff !important;
    text-shadow: none;
    line-height: 1;
    background-image: none;
    right: -1.387em;
}
body .products-slider .quantity .minus {
    bottom: 0;
}
body .products-slider .quantity .plus {
    top: 0;
}
body .products-slider div.quantity>input[type=number] {
    border-left: 1px solid var(--et_inputs-border-color,var(--et_border-color));
}

We trust that the implementation of this code will be beneficial. Should you require any further assistance, please do not hesitate to contact us.

Best regards,
The 8Theme Team

Hi @Zg007,

Can you please check again?

– Cart page: https://prnt.sc/8IC4HG1YZRHz
– Single Product page: https://prnt.sc/Emufnuif0lDb
– Home page: https://prnt.sc/SPjf1_ifg2Ja
– Category page: https://prnt.sc/iHmaDrUwxJWQ

Best regards,
The 8Theme Team

Dear @Zg007,

We wish to inform you that we have temporarily deactivated the Autoptimize plugin, and subsequent observations indicate that the functionality appears to be satisfactory.

We kindly request that you perform a verification from your side as well.

We appreciate your cooperation.

Warm regards,
The 8Theme Team

Dear @Zg007,

We would like to recommend that you consider utilizing WP-Rocket and W3 Total Cache as they may prove beneficial for your needs.

Furthermore, we kindly request that you perform the following adjustments:

1. Navigate to the following file within your theme directory: xstore-child/style.css, specifically at line 198. Once there, please modify the existing custom CSS code from:

.btn.bordered, .btn.bordered.small, .btn.bordered.medium, .btn.bordered.big {
    background-color: #FFF !important; 
    color: #FFF !important;
}

to the updated version below:

.btn.bordered, .btn.bordered.small, .btn.bordered.medium, .btn.bordered.big {
    background-color: #FFF !important; 
    color: #000 !important;
}

2. We have observed that on both Google Chrome and Mozilla Firefox browsers, there is a persistent black line appearing above the yellow header. The issue can be viewed at the following links:

– For Chrome: [https://prnt.sc/ufpEz52angPj](https://prnt.sc/ufpEz52angPj)
– For Firefox: [https://prnt.sc/wnZUqsnvUCIQ](https://prnt.sc/wnZUqsnvUCIQ)

3. Please insert the following custom CSS code into your theme by navigating to Theme Options > Theme Custom CSS > Global CSS:

body .mobile-header-wrapper .sticky-on .header-main, 
body .sticky-on .mobile-header-wrapper .header-main {
    background-color: #ffda00;
}

We hope that these instructions will be of assistance to you. Should you require any further support, please do not hesitate to reach out.

Best Regards,
The 8Theme Team

Dear @Zg007,

We hope this message finds you well.

We are reaching out to you for further confirmation regarding the issue you reported with the positioning of the blackbar on your website when viewed using different browsers.

According to your previous communication, you observed the following:
– On the Chrome browser, the blackbar appears below the header, as shown in the screenshot: https://imgbb.com/6YVxT87
– On Firefox, the blackbar is positioned above the header, as indicated here: https://imgbb.com/B4W7MX9

However, upon reviewing your website on our end, we have found that the blackbar consistently displays below the header in both Chrome and Firefox browsers. Unfortunately, we were unable to replicate the discrepancy you described. Here are the screenshots from our checks:
– Chrome: https://prnt.sc/ufpEz52angPj
– Firefox: https://prnt.sc/wnZUqsnvUCIQ

Could you please verify if the issue persists on your side? If so, it would be helpful if you could provide us with additional details or steps to reproduce the problem. Your cooperation is greatly appreciated as we strive to resolve this matter promptly.

Warm regards,
The 8Theme Team

Hi @Zg007,

Can you please the caches and check again?

We’ve removed the black bottom border from the main header then add the black border to the bottom header.

https://prnt.sc/DwyBn6xIEZij

Warm regards,
The 8Theme Team

Hi @Zg007,

We’ve updated the custom CSS codes a little bit.

Here is the result: https://prnt.sc/hNkG40CwjXst

Can you please double check again?

Warm regards,
The 8Theme Team

Hi @Zg007,

Hello, the dark bar under the yellow bar is missing as in the desktop version.

The blackbar under header looks good on my end: https://prnt.sc/fK5PUINdQTUA

There was a syntax error in the custom CSS codes, we’ve already fixed it. Now everything is fine.

Warm regards,
The 8Theme Team