{"id":490,"date":"2024-09-03T21:51:03","date_gmt":"2024-09-03T21:51:03","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2024\/09\/03\/9821389-hostinger-website-builder-displaying-products-on-the-mobile-view\/"},"modified":"2025-08-27T06:45:12","modified_gmt":"2025-08-27T06:45:12","slug":"9821389-hostinger-website-builder-displaying-products-on-the-mobile-view","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/9821389-hostinger-website-builder-displaying-products-on-the-mobile-view\/","title":{"rendered":"Hostinger Website Builder: Displaying Products on the Mobile View"},"content":{"rendered":"<p class=\"no-margin\">If you use <b>Hostinger Website Builder<\/b> to create an online store, you may have noticed that&nbsp;the&nbsp;<b>mobile version of<\/b>&nbsp;your site displays products in a&nbsp;<b>single column<\/b>&nbsp;by default.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">If you wish to change that, follow the steps below &#128071;<\/p><ol>\n<li>\n<p class=\"no-margin\">Within the website builder, find the preferred product page or product section.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Select to edit the <a href=\"\/support\/6475658-website-builder-how-to-edit-the-mobile-version-of-a-website\" target=\"_blank\" class=\"intercom-content-link\">mobile<\/a><b> <\/b>version of the website. <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Click on the product section and select <b>Edit section<\/b>.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">In the section settings, find the <b>Layout<\/b> option.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Increase the number of<b>&nbsp;columns to 2<\/b>, which is&nbsp;the maximum amount allowed.<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Finally, <a href=\"\/support\/6435697-website-builder-how-to-update-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a> for the changes to reflect online:<\/p>\n<\/li>\n<\/ol><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2024\/09\/ea410033-2f87-4b7c-bbb2-6e9dbed76150.jpg\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to change the number of columns in which products are displayed on the mobile version of your website<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[286],"tags":[],"class_list":["post-490","post","type-post","status-publish","format-standard","hentry","category-online-store"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/9821389-hostinger-website-builder-displaying-products-on-the-mobile-view\/","default":1}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=490"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/490\/revisions"}],"predecessor-version":[{"id":2381,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/490\/revisions\/2381"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}