Thanks for importing Prime \ud83d\ude42<\/p>\r\n\r\n\r\n\r\n
Prime is constructed primarily using GP\u2019s awesome built-in WooCommerce features with some CSS to provide custom styles.<\/p>\r\n\r\n\r\n\r\n
The plugins used include GenerateBlocks<\/a>, WooCommerce<\/a>, Ajax Search for WooCommerce<\/a>.<\/p>\r\n\r\n\r\n\r\n The header with the Ajax search bar is one of the main features of Prime.<\/p>\r\n\r\n\r\n\r\n As usual, the site title or logo can be added or modified in the Site Identity<\/a> section in the customizer.<\/p>\r\n\r\n\r\n\r\n The Ajax search bar is added using Hooks Element<\/a> titled Header Search Form.<\/p>\r\n\r\n\r\n\r\n The text GP | GB | Woo is added in Header Widget<\/a>.<\/p>\r\n\r\n\r\n\r\n Here are the CSS used in the header section:<\/p>\r\n\r\n\r\n\r\n And here are some CSS added to modify the default Ajax search bar style:<\/p>\r\n\r\n\r\n\r\n The navigation section should be quite straight forward. The navigation location<\/a> can be adjusted in the customizer.<\/p>\r\n\r\n\r\n\r\n The position of menu items Login | Register is positioned using the built-in menu-item-float-right<\/a> class.<\/p>\r\n\r\n\r\n\r\n Slideout navigation is used for mobile navigation and can be changed in the Off-Canvas<\/a> section in the customizer.<\/p>\r\n\r\n\r\n\r\n Three different container widths are used in Prime.<\/p>\r\n\r\n\r\n\r\n The home page is using 1500px which can be adjusted using the container width<\/a> setting in the customizer.<\/p>\r\n\r\n\r\n\r\n The product category archives are using 1100px and the single products and static pages are using 900px – both of which are applied using Layout Element<\/a>.<\/p>\r\n\r\n\r\n\r\n The product archive blocks are built with WooCommerce Shortcodes<\/a> with the following CSS styles:<\/p>\r\n\r\n\r\n\r\n Thanks for importing Prime \ud83d\ude42 Prime is constructed primarily using GP\u2019s awesome built-in WooCommerce features with some CSS to provide custom styles. The plugins used include GenerateBlocks, WooCommerce, Ajax Search for WooCommerce. Header The header with the Ajax search bar is one of the main features of Prime. As usual, the site title or logo … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-159305","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/hasmarket.ch\/index.php?rest_route=\/wp\/v2\/pages\/159305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hasmarket.ch\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hasmarket.ch\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hasmarket.ch\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hasmarket.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=159305"}],"version-history":[{"count":0,"href":"https:\/\/hasmarket.ch\/index.php?rest_route=\/wp\/v2\/pages\/159305\/revisions"}],"wp:attachment":[{"href":"https:\/\/hasmarket.ch\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=159305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Header<\/h2>\r\n\r\n\r\n\r\n
\/* Custom header *\/\r\n.inside-header {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.woo-search {\r\n margin-left: 30px;\r\n margin-right: 30px;\r\n flex-grow: 1;\r\n}\r\n\r\n.header-widget {\r\n order: 10;\r\n line-height: 1em;\r\n font-size: 20px;\r\n}\r\n\r\n.header-widget p {\r\n margin: 0;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .woo-search {\r\n margin-right: 0;\r\n }\r\n .inside-header {\r\n\tflex-direction: row;\r\n }\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\n\/* AJAX search bar in header styles *\/\r\n.dgwt-wcas-has-img .dgwt-wcas-suggestion.dgwt-wcas-suggestion-product {\r\n padding: 0;\r\n}\r\n\r\n.dgwt-wcas-ico-magnifier {\r\n height: 50%;\r\n}<\/code><\/pre>\r\n\r\n\r\n\r\nNavigation<\/h2>\r\n\r\n\r\n\r\n
Container Widths<\/h2>\r\n\r\n\r\n\r\n
Product Archive Blocks<\/h2>\r\n\r\n\r\n\r\n
.woocommerce ul.products li.product, .woocommerce ul.products {\r\n margin-bottom: 0;\r\n}<\/code><\/pre>\r\n","protected":false},"excerpt":{"rendered":"