Proteoo corrupt in mobile

  • gcavarza

    (@gcavarza)


    3 years ago

    Hi, yesterday evening I watched my website from mobile cell after upgrading Proteo to the last version and I found that in mobile, the theme does not work fine. The website does not fit to the screen and all images and content seems to be in a thin column. When the site opens, I also could zoom out and the content is showed only in a little side of the screen and the remaining screen is white; impossible to use the site in mobile. I had to switch back to the previous version. Please try in one of your test site a give some suggestions. I cannot upgrade again to the new version to show the problem becouse it will corrupt the mobile version and I cannot leave the website in those conditions for long time. Only if you need some examples, I can upgrade , take some screen shots and then switch back to previous version again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    Hello there,
    please add the following addition CSS to your theme in Dashboard > Appearance > Customize > Additional CSS

    body {
    width: 100vw;
    overflow-x: hidden;
}

    I will include the fix in the next release!

    Thread Starter gcavarza

    (@gcavarza)

    Ok, but now in mobile , products and categories appears in 1 per raw instead 2 per raw

    Francesco Grasso

    (@francgrasso)

    YITH Support Representative

    this is a the current behaviour yes.
    We will add an option to manage the number of products per row in mobile view since this is not the first time this is asked.
    Meanwhile, please add the following few lines of additional CSS

    @media (max-width: 600px) {
    ul.products, .wc-block-grid ul.wc-block-grid__products {
        grid-template-columns: repeat(2, 1fr);
  }
}

    This will show 2 products per row on mobile only

    Thread Starter gcavarza

    (@gcavarza)

    I have used a code to set products 2 per line in mobile.
    But I have to tell you that I switched again to the previous version because with the new version there are also some problems with the header sidebar widget and header sticky using the code you gave me.
    body {
    width: 100vw;
    overflow-x: hidden;
    }
    If I put the cart widget in header sidebar, in mobile it appears in the middle of the header and also when you scroll down and the header become sticky.
    Also in footer widget, if I set 3 colums and in each column I put a widget, from desktop it works fine, but in mobile it is horrible, widgets are one under the other and not in one row. there should be the possibility to set it also in mobile.

    Thread Starter gcavarza

    (@gcavarza)

    Also top bar. If I add some text in the topbar and set aligned centre, in mobile it allines to the left. many bugs still in this version.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Proteoo corrupt in mobile’ is closed to new replies.

Tags