Mobile design customization product page

This topic has 4 replies, 2 voices, and was last updated 4 years, 7 months ago ago by Olga Barlow

  • Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    April 28, 2021 at 09:21

    hello all,

    I have a request ..unfortunately I can not do it myself and probably do something wrong :/
    I am quite happy with my store, but would like to customize the product page something….. I have attached a screenshot and an example of how I would like to implement it….

    The shopping cart and buy now button should be mobile aligned on the whole viewport width… 100%.I think it looks tidier. That they are as wide as the tabs

    On Tablet I did it by myself and it looks good :))

    Another thing ..some bug is on my page….. when you open the page it always scrolls down….

    Would be happy about code and thanks in advance

    Lg Oliver

    example

    my side

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 28, 2021 at 13:43

    Hello,

    1) Add the below code to Theme Options > Custom CSS > mobile CSS

        .variations_form .woocommerce-variation-add-to-cart {
            width: 100%;
        }

    2) Don’t see issue with the scroll. Could you, please, provide us with link where you have it?

    Regards

    Avatar: Oliver_Theis
    Oliver Theiß
    Participant
    April 28, 2021 at 13:49

    hello, great thanks for the quick help .

    2. yes, now it is again okey…. I do not know why this happens.
    When I was this morning on the page, then it was always scrolled down…. This happens from time to time and then it’s ok again….

    I don’t know what could be the trigger…. :/

    Thanks for the quick feedback

    best regards Oliver

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    April 28, 2021 at 14:49

    Hello,

    You are welcome.

    Regards

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

The issue related to '‘mobile design customization product page’' has been successfully resolved, and the topic is now closed for further responses

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