Mobile Display overlapping and alignment issues

  • Resolved LPBreeders

    (@lpbreeders)


    10 years, 9 months ago

    I am having trouble getting to mobile version of the categories to display correctly. I am using the Thumbnail view and it looks great on my site when viewed from a PC, but then is very ugly when viewed from a mobile device.

    Here is the page:
    http://www.localpuppybreeders.com/store/

    Here is the CSS I am currently using on this catalog:
    .Black-prod-cat-header-div { border-bottom: none;}
    .prod-cat-inner > .prod-cat {width: 140%;}
    .upcp-thumb-image {
    min-width: 200px !important;
    min-height: 300px;
    }
    .upcp-thumb-title {
    min-height: 25px;
    padding-top: 120px;
    }

    any help would be appreciated!

    David

    https://ww.wp.xz.cn/plugins/ultimate-product-catalogue/

Viewing 2 replies - 1 through 2 (of 2 total)
  • bramik

    (@bramik)

    10 years, 9 months ago

    I’m trying to use this plugin.
    Where did you put css changes ?

    etoilewebdesign

    (@etoilewebdesign)

    10 years, 9 months ago

    I am using the Thumbnail view and it looks great on my site when viewed from a PC, but then is very ugly when viewed from a mobile device.

    Hi David,

    We suggest you putting the “Minimalist” view as it is more responsive.

    I’m trying to use this plugin.
    Where did you put css changes ?

    Hi bramik,

    The custom CSS should be put in one of your catalogues. Within your dashboard > Catalogues > Pick a catalogue to edit > Custom CSS text area

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Mobile Display overlapping and alignment issues’ is closed to new replies.

Tags