Getting Started [6] WordPress Information Theme Requirements Included Files Theme License Plugins Licenses Theme Support Theme Installation [4] Download Theme Install Theme After Install Common Questions Customize & Features [11] General Color & Input style Typography Site Layout Announcement Bar Page Heading Page Options [3] Header Option Layout Option Heading Option Blog Header [14] Header General Topbar Header Main Logo & Site Identity Search Cart My Account Wishlist Contact Info Social Icon Hamburger Menu Sticky Header Transparent Header Mobile Header Preset Layout & Setting [4] Header Preset Announcement Bar Preset Shop Catalog Preset Single Product Preset Footer & Mega Menu [2] Elementor Footer Mega Menu Shop (WooCommerce) [9] Product Catalog Shop Page Heading Shop Control Shop Filter Product Item Hover Single Product Badges Product Images Checkout Translation [3] With WPML plugin With Loco translate plugin Why have my translations files been deleted / reverted (Loco translate)? FAQ [11] How to set up the filter to be like the demo? How to update the theme or plugin automatically? How to update the theme via WordPress manually? How to update the theme via FTP manually? How to display color swatches on the single product page? How to set sticky single product layout? How to show variant swatches on product items? How to make heading page with banner to be like the demo? How to change icons in product layout (extra service)? How to show Hamburger Menu content? How to comebine templates from other homes? Helik Theme [5] How to create the Shop Standard style? How to create the Shop Sidebar? How to create Shop List? How to create Shop Icon Categories, Shop Image Categories and Shop Simple? How to create a product deal? Home / Online Documentation / FAQ How to make heading page with banner to be like the demo? In order to create the overlay heading like the above image, you can follow the instrucyion here: Step 1: Navigate Appearance > Customize > Blog > Blog Heading. Enable the Blog Heading, you also can turn on the Blog Heading On Mobile if you wish show it on mobile.In the Blog Heading Display section, you can select pages that you want to show the heading.You can choose Breadrumb style. Select None if you don’t want to show it.Select Full Width for the Blog Heading Width.Enter the Height for the heading. (E.g 220 px) Step 2: You need to choose color and select photo for the heading.Choose a color.You can create the overlay by dragging this.Choose an image. Step 3: Choose Cover for the Background Size.Choose Scroll for the Background Attachment.Choose Center for the Heading Text.Choose color for the text (E.g Black) Doc navigation < How to show variant swatches on product items? How to change icons in product layout (extra service)? > Was this page helpful? Yes No