Return to previous page

Slider Image & Mobile view not properly showing

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

  • Avatar: EB Collection
    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
    Avatar: Rose Tyler
    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
    Avatar: EB Collection
    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
    Avatar: Rose Tyler
    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
    Avatar: EB Collection
    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
    Avatar: Rose Tyler
    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
    Avatar: EB Collection
    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
    Avatar: Justin
    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
    Avatar: EB Collection
    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
    Avatar: Justin
    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
    Avatar: EB Collection
    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
    Avatar: Justin
    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
    Avatar: EB Collection
    EB Collection
    Participant
    August 5, 2024 at 10:31

    Hi,

    Thank you so much! The updated code worked fine.

    #408820 Copied
    Avatar: Justin
    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: , , , , , ,

  • 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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Pizza Store – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WordPress WooCommerce Theme
lazy-placeholder
X-Phone Store – WordPress WooCommerce Theme
lazy-placeholder
Cleaning – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Flowers Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.