The PC side of my website is normal, but there will be a screenshot of the picture in the gallery position of the mobile terminal, and the display is incomplete. Is there a way to solve this?

ok，Problem has been solved

css：

@media screen and (max-width:767px) {
  .gallery-fullscreen-slideshow[data-width="full-bleed"] {
    height: 130px !important;
  }
}

thank you！

@CQURE Do you need to fix these?

Site URL – https://www.pendoo.tv/

1. (Mobile-Homepage) Reduce white spacing under slide?

2. (Mobile-Footer) Make info – support in 2 columns?

3. (Tablet-Homepage) Reduce white spacing?

4. (Tablet-Homepage) Resize slideshow?

5. (Mobile-Products) Change category nav links to 2-3 lines, instead scrollbar?

6. (Mobile-Products) Make image fullsize?

7. (Mobile-Products) Show breadcrumb on top of products?

On 5/21/2021 at 12:02 PM, tuanphan said:

@CQURE Do you need to fix these?

Site URL – https://www.pendoo.tv/

1. (Mobile-Homepage) Reduce white spacing under slide?

2. (Mobile-Footer) Make info – support in 2 columns?

3. (Tablet-Homepage) Reduce white spacing?

4. (Tablet-Homepage) Resize slideshow?

5. (Mobile-Products) Change category nav links to 2-3 lines, instead scrollbar?

6. (Mobile-Products) Make image fullsize?

7. (Mobile-Products) Show breadcrumb on top of products?

i need to you!  thanks you very much!

On 5/21/2021 at 12:02 PM, tuanphan said:

@CQURE Do you need to fix these?

Site URL – https://www.pendoo.tv/

1. (Mobile-Homepage) Reduce white spacing under slide?

2. (Mobile-Footer) Make info – support in 2 columns?

3. (Tablet-Homepage) Reduce white spacing?

4. (Tablet-Homepage) Resize slideshow?

5. (Mobile-Products) Change category nav links to 2-3 lines, instead scrollbar?

6. (Mobile-Products) Make image fullsize?

7. (Mobile-Products) Show breadcrumb on top of products?

Video resize in header when converting to mobile view

• My website: https://www.biling1.com/all-products-2
•  

On 5/21/2021 at 12:02 PM, tuanphan said:

@CQURE Do you need to fix these?

Site URL – https://www.pendoo.tv/

1. (Mobile-Homepage) Reduce white spacing under slide?

2. (Mobile-Footer) Make info – support in 2 columns?

3. (Tablet-Homepage) Reduce white spacing?

4. (Tablet-Homepage) Resize slideshow?

5. (Mobile-Products) Change category nav links to 2-3 lines, instead scrollbar?

6. (Mobile-Products) Make image fullsize?

7. (Mobile-Products) Show breadcrumb on top of products?

@tuanphan i need you!

Q4. Add to Design > Custom CSS

/* Tablet-Homepage-Resize slideshow */
@media screen and (max-width:767px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}

Q2, 5, 7. Add to Design > Custom CSS

/* Mobile */
@media screen and (max-width:767px) {
/* footer links 2 columns */
div#page-section-601d157400355836d0c594a4>.row>.span-4:nth-child(-n+2) {
    width: 50% !important;
    float: left !important;
}
div#page-section-601d157400355836d0c594a4>.row>.span-4:nth-child(-n+2) .html-block {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Shop nav */
ul.nested-category-children {
    flex-wrap: wrap !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}
/* products breadcrumb */
.ProductItem-nav-breadcrumb {
    display: block !important;
}
}