Return to previous page

Slider Image & Mobile view not properly showing

This topic has 14 replies, 3 voices, and was last updated 2 months ago ago by Luca Rossi

EB Collection

Participant

June 24, 2024 at 12:28

Hi,

1. The slider image is not fully showing, even after trying to fix it with padding from the top and bottom on the main page. It shows fully in edit mode.

2. The main page displays fine on the desktop setting, but on mobile view, it appears small with large text. I am sharing another site link where it displays properly on mobile view.

3. Also, please share how I can add the column section with full width. The container can be added, but it’s not full width, so I have to copy and paste the inner section from the demo theme.

Thank you

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#401232 Copied Theme version: 9.3.13

13 Answers

Rose Tyler

Support staff

June 24, 2024 at 13:13

Hello,

Thank you for reaching out to us with your concerns. We appreciate your patience and are here to assist you with each issue you’ve encountered.

1/ Please check now – https://prnt.sc/j-xVnEl6uy4B

2/ Change responsive banner settings https://prnt.sc/2YyvL4xd–aV to https://prnt.sc/vYVFw5kbu43P

3/ You can select full width in page layout settings – https://prnt.sc/My4rAQyol1Eh

Best Regards,
8Theme’s Team

#401254 Copied

EB Collection

Participant

July 1, 2024 at 12:03

Hi,

Thank you for the reply.

The slider image, after applying the contain setting, is showing in the middle with black margins on the left and right sides. How can I make it cover the full area? Picture attached for reference.

The breadcrumb is not updating on single product pages, even though it shows properly on other pages.

Thanks!

Please contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#402557 Copied

Rose Tyler

Support staff

July 1, 2024 at 13:08

Hello,

Thank you for contacting us and for using XStore.

1. Slide settings > edit these options – https://prnt.sc/e1axvXlhYycm https://prnt.sc/8tPKm3TB538k https://prnt.sc/ttyGfVN8pm45
It is important to note that the optimal combination of settings largely depends on the image you upload and the desired outcome you wish to achieve. Therefore, we kindly ask you to conduct a test as previously indicated.

2. XStore Builders > Single Product Builder via Elementor > edit template which is set for all products > https://prnt.sc/wKhvK2mZh7dV

Best Regards,
8Theme’s Team

#402569 Copied

EB Collection

Participant

July 21, 2024 at 12:07

Hello,

Please check the picture. The error message is not fully displayed above the banner area, and there is additional white space. How can this be adjusted?

Thank you.

Files is visible for topic creator and
support staff only.

#406153 Copied

Rose Tyler

Support staff

July 21, 2024 at 13:54

Hello,

Could you please provide us with the link and detailed steps necessary to replicate the scenario depicted in your screenshot? Your assistance in this matter would be greatly appreciated.

Best regards,
8Theme’s Team

#406166 Copied

EB Collection

Participant

July 23, 2024 at 11:08

Hi,

Please open any product link, for example, https://ridergears.com/product/gp-plus-v2-camo-leather-motorcycle-racing-suit-black-white , and click “Add to Cart” without selecting any options. You will see the error message. Similarly, if you select the options properly, the “Added to Cart” message appears, but it is also not showing properly.

Thanks

#406504 Copied
Luca Rossi

Support staff

July 24, 2024 at 04:10
Hi @EB Collection,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:
```
.single-product ul.woocommerce-error {
    margin-top: 110px;
}
@media (max-width: 600px){
    .single-product ul.woocommerce-error {
        margin-top: 85px;
    }
}
```
Results:
– https://tinyurl.com/2d7ytahn
– https://tinyurl.com/287hwb4l

Hope it helps!
#406618 Copied
EB Collection

Participant

July 26, 2024 at 11:20

Hello,

After adding this code, the error message issue was fixed, but the green success message appears and then quickly disappears after a product is successfully added to the cart. You can try it using this link: https://ridergears.com/product/aprilia-motorcycle-leather-gloves/. Please select a size and add it to the cart for reference. Check the attached file for more details.

Thank you.

Files is visible for topic creator and
support staff only.

#407108 Copied
Luca Rossi

Support staff

July 26, 2024 at 12:07
Hi @EB Collection,

In this case, please update the previous CSS code to this:
```
.single-product .woocommerce-notices-wrapper {
    margin-top: 110px;
}
@media (max-width: 600px){
    .single-product .woocommerce-notices-wrapper {
        margin-top: 85px;
    }
}
```
Let us know how it goes!
#407124 Copied
EB Collection

Participant

July 26, 2024 at 13:09

Hi,

After adding the updated code, the issue is now resolved. However, how can the white space area be removed?

Thank you.

Files is visible for topic creator and
support staff only.

#407142 Copied
Luca Rossi

Support staff

July 27, 2024 at 13:40
Hi @EB Collection,

Please update the previous custom CSS to this:
```
.single-product .woocommerce-notices-wrapper {
    margin-top: 88px;
}
.single-product ul.woocommerce-error,
.single-product .woocommerce-message{
    margin-bottom: 0 !important;
}
@media (max-width: 600px){
    .single-product .woocommerce-notices-wrapper {
        margin-top: 85px;
    }
}
```
Hope it helps!
#407253 Copied
EB Collection

Participant

August 5, 2024 at 10:31

Hi,

Thank you so much! The updated code worked fine.

#408820 Copied

Luca Rossi

Support staff

August 6, 2024 at 04:35

Hi @EB Collection,

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

#408892 Copied
Tagged: correct slider image display, fix wordpress woocommerce templates, improve mobile view woocommerce, optimize mobile view woocommerce, repair woocommerce slider image, troubleshoot woocommerce template problems, wordpress templates mobile issues
Viewing 14 results - 1 through 14 (of 14 total)

The issue related to '‘Slider Image & Mobile view not properly showing’' has been successfully resolved, and the topic is now closed for further responses

Slider Image & Mobile view not properly showing

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection