Support » Theme: Virtue » Image columns in mobile catalog

  • Resolved jd3723

    (@jd3723)


    When I visit my site on my iPhone, the catalog images appear in only one column. My site used to have 2 columns on the mobile version of the site. How can I make it so that the mobile catalog has the products split into 2 columns again? I want the desktop version of the catalog to remain in 4 columns.

    My site is dorici.com

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Kadence Themes

    (@britner)

    You can just add this css:

    @media (max-width: 480px)
    .tcol-xs-6.kad_product {
    width: 50%;
    }
    }

    Kadence themes

    If I add that, It appears to negate this other piece of css that I have:

    @media (min-width: 992px){
    .product .col-md-7.product-summary-case {
    width: 40%
    }
    .product .col-md-5.product-img-case {
    width: 60%
    }
    }

    I want to keep that css to scootch over the image and product description on the individual product pages. Is there any way to keep my mobile catalog in two columns, while still keeping the image and product description pushed over to the right

    For your reference, I got that code above from this thread: http://wordpress.org/support/topic/move-image-and-text-on-product-page?replies=5#post-5852192

    And even with the added piece of css, when I visit the site on my iphone everything is still in one column. I really appreciate any help that you can give me!

    Theme Author Kadence Themes

    (@britner)

    Sorry the css above was missing a bracket, should be:

    @media (max-width: 480px) {
    .tcol-xs-6.kad_product {
    width: 50%;
    }
    }

    Kadence Themes

    Perfect! Thanks for the help

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