Mobile view problem - by edumi - on WordPress WooCommerce support

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

  • Avatar: edumi
    edumi
    Participant
    June 27, 2020 at 20:11

    Hi im facing some problem in mobile view:

    1) there is an unknown white bar above “Flash sale” corner:
    https://prnt.sc/t7lpp5

    2) Flash sale corner margin has been adjusted to 10px, yet the display is so tiny and thin
    https://prnt.sc/t7lpp5

    3) I have set background image, yet it doesnt appear here.
    https://prnt.sc/t7lqj5

    4) The “sign up” button is not in center, how can i align the button size and text to center? By the way the coding has done so but it doesnt display in that way.

    You may login into my backend to have a look.

    Thanks

    Please, contact administrator
    for this information.
    6 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 28, 2020 at 09:10

    Hi,

    Please set administrator role for the user in Dashboard.

    Regards

    Avatar: edumi
    edumi
    Participant
    June 28, 2020 at 16:29

    Hi Rose,

    Already done please try

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    June 29, 2020 at 10:53

    Hello,

    1) This is columns that you hide on the mobile but show on the desktop https://prnt.sc/t8di5s You added paddings to your row and they do not allow to hide it at all. I have removed the padding and margin http://prntscr.com/t8dmll Check now.

    2) Flash sale row margin is 10px http://prntscr.com/t8dnja What margin do you want to have there?

    3) Image that you used for that row probably was deleted http://prntscr.com/t8dp2f
    Please, re-upload the image and re-ad it for that row.

    4) http://prntscr.com/t8drwy don’t see problem with the mentioned button. Could you tell me the device width you are testing on?

    Regards

    Avatar: edumi
    edumi
    Participant
    June 29, 2020 at 14:24

    4) on both browser’s inpect and my mobile: huawei P20 and Samsung S10.

    Avatar: edumi
    edumi
    Participant
    June 29, 2020 at 15:34

    1) I have set all padding and margin to 0, yet the bar stil there?

    Avatar: Olga Barlow
    Olga Barlow
    Participant
    June 29, 2020 at 18:28

    Hello,

    1) Set also the border width to 0. Check now.
    4) I see the issue only for 320width and it caused because of some default styles of that custom button https://gyazo.com/528b77f27b70f6cf25783521f8d18fbf

    .butt {
    max-width: 40%;

    We have changed the custom class and some styles for it. Check now.

    Regards

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

The issue related to '‘mobile view problem’' 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.