(!) Featured shortcode columns not fitting in responsive mode

  • Resolved ayka2694

    (@ayka2694)


    6 years ago

    Hello!
    Theme: OceanWP
    Builder: Elementor
    I put Featured Products shortcode (4 columns limit 4). [featured_products per_page=”4″ columns=”4″ ]
    Problem: Responsive mode “breaks” the columns, i.e. it shows 3 products(columns) in one row, then the last one appears on the next row.
    Smth like this:
    X X X
    X

    I added CSS to make it 2 columns in mobile mode,but again, it “throws”
    the 4th product to a new row, like:
    X X
    X
    X

    How in Responsive mode I can make it look like?:
    X X
    X X

    • This topic was modified 6 years ago by ayka2694.
    • This topic was modified 6 years ago by ayka2694.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Peter Lawrenson

    (@lorro)

    6 years ago

    I tried to go to your site: https://hiddenbaku.az/ for a look but there is a redirect to the dashboard login page. I haven’t got access to that, and I should not have. Please can you remove the redirect so the site can be seen.

    Thread Starter ayka2694

    (@ayka2694)

    6 years ago

    @lorro Thanks for response.

    I removed it.
    Now you should be able to visit site.
    You’ll understand my issue when you check the responsive view.
    I changed the product limit and column from 4 to 6, but the result is the same.
    Every 4th item keeps “breaking off”.

    Peter Lawrenson

    (@lorro)

    6 years ago

    Try this custom css for some improvement:

    @media only screen and (max-width: 480px) {
  .woocommerce .products.oceanwp-row.mobile-3-col .product:nth-child(3n+1) {
    clear: none !important;
  }
}

    Its apparent that the markup is coming from a theme template, so you should take the issue to the theme support forum.

    Thread Starter ayka2694

    (@ayka2694)

    6 years ago

    @lorro it worked! Thank you so much!

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

The topic ‘(!) Featured shortcode columns not fitting in responsive mode’ is closed to new replies.

  • 4 replies
  • 2 participants
  • Last reply from: ayka2694
  • Last activity: 6 years ago
  • Status: resolved