Individual Product Display on Mobile

Hi ahiaruhe,

did you make any changes within the Custom CSS? Without any changes made, the catalogue should run on both the desktop version and on the mobile version.

EtoileWebDesign

Also, are you running the most recent version? There was a problem earlier with a missing closing div for “Related Products”, which it looks like you’re using.

Hi, I’m using 3.1.11

I have the following in my theme’s custom CSS

.copyright-text {
font-weight: 400;
font-size: 12px;
}

#header-v5 #navigation ul {
    list-style: outside none none;
    margin-top: 20px;
    text-align: left;
    margin-left: 0;
    margin-bottom: 20px;
}

#alt-title h1, #alt-title .blog-h1 {
    display: none;
}

.prod-cat-addt-details-desc-div {
    float: left;
    font-size: 12px;
    max-height: 180px;
    min-height: 100px;
    padding: 20px 80px 0 50px !important;
    text-indent: 0 !important;
}

.upcp-product-url-icon {
     display: none;
}

Hi Ahiaruhe,

Could you try moving the bottom part of that code from your theme CSS to the plugin custom CSS to see if it makes a difference:

.prod-cat-addt-details-desc-div {
    float: left;
    font-size: 12px;
    max-height: 180px;
    min-height: 100px;
    padding: 20px 80px 0 50px !important;
    text-indent: 0 !important;
}

.upcp-product-url-icon {
     display: none;
}

Hi, no, no difference even if I remove the custom CSS altogether.

Thanks

Aha! OK, I turned ‘Related Products’ to ‘Off’ and my product now displays on mobile.

Thank you ahiaruhe,

we appreciate the feedback you have provided. We will surely keep in mind this bug and try to fix it as soon as possible!

Please do not hesitate to recontact us for anymore information ??