Slider Image & Mobile view not properly showing

This topic has 8 replies, 3 voices, and was last updated 1 days 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.
    7 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

    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.
    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

    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.
    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

    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

    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!

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

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