WordPress.org

Forums

Virtue
[resolved] Image columns in mobile catalog (6 posts)

  1. jd3723
    Member
    Posted 12 months ago #

    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

  2. Kadence Themes
    Member
    Theme Author

    Posted 12 months ago #

    You can just add this css:

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

    Kadence themes

  3. jd3723
    Member
    Posted 12 months ago #

    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

  4. jd3723
    Member
    Posted 12 months ago #

    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!

  5. Kadence Themes
    Member
    Theme Author

    Posted 12 months ago #

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

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

    Kadence Themes

  6. jd3723
    Member
    Posted 12 months ago #

    Perfect! Thanks for the help

Reply

You must log in to post.

About this Theme

About this Topic