Home › Forums › WoodMart support forum › Different Site Width for archive / search / homepage?

Different Site Width for archive / search / homepage?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 17, 2026 at 4:01 pm #708879

    vini
    Participant

    Hi!

    1. Is it possible to set different site width for “archive page” / “search page” / home page (there where we have products?). On our page it’s looks great with max 1600px. But page with texts / order / blog / looks much better when max width is 1240 px. Is any option to set it? or we need change css?
    2. 4 products when 1240 px and 5 px when 1600 px? Is any option to change number of products in grid, when we have 1600 px wide page? Then we want to show 5 product in line… in 1200 only 4. Is it possible?
    February 18, 2026 at 8:14 am #708918

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    01. Try to use the theme preset feature of our theme for a specific condition (Post ID) for the specific page and choose the site width from the theme settings.

    Here is our documentation on how to use theme presets: https://xtemos.com/docs-topic/theme-settings-presets/

    02. Navigate to Theme Settings > Product Archive > Products Grid > Choose Products columns on desktop/Mobile/Tablet: https://postimg.cc/SJ4qpys4

    Best Regards,

    February 18, 2026 at 10:59 am #708945

    vini
    Participant

    Thanks!
    1. I need check this. But i also just set in your theme settings = Full width for all page… and in custom css .home .container, .archive .container {max-width: 1600px};

    It’s looks fine. Maybe need more tests.

    2. Yes. I knew this. But we need little more custom… on laptop resolution (theme full width) we want show max 4 products in grid. But when it’s bigger than 1240px.. then 5 🙂 probably need discover how to make it by css

    Probably i need use css “media”… but don’t know all styles i need to copy to this works fine.

    February 18, 2026 at 1:51 pm #709002

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Try to add the following custom CSS in Theme settings > Custom CSS and check how it works:

    /* Extra wide screens – 5 products per row */
@media (min-width: 1241px) {
  .archive.woocommerce .products {
    grid-template-columns: repeat(5, 1fr);
  }
}

    Best Regards,

    February 18, 2026 at 2:19 pm #709012

    vini
    Participant

    Thanks! Works great!

    February 18, 2026 at 3:22 pm #709029

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    You’re Most Welcome!

    Feel free to write back anytime. If you need further assistance, we are always here to help you.

    If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Different Site Width for archive / search / homepage?’ is closed to new replies.