To add another navigation item simply click + again and search for the page(s) you want to add. Here you can search for the name of a page or post already created. When you click + the text will change to Add Link. The Navigation menu will look just like a block inserter with the + icon. To start from scratch select Create New Menu-> Start Empty. If you have previously created menus, they will be available when you click Select Menu. Select the Navigation block by clicking on it or use the List View to navigate to the navigation block. Of course, if you want to use both logo and site title you can do that by adding an additional block either as a new column or a new row whichever fits better to the layout you selected. When you select the logo block just click the block icon in the toolbar ( see screenshot below ) and in the transform window select Site Title. The alternative way to switch from logo to site title block would be to use the transform feature.

There are options to adjust colors, the font family, font weight, letter case, or size of your Site Title. Now you can edit and customize your Site Title via the Block Settings. If you don’t see the Site Title block listed right away use the search field and then click on the Site Title Block to add it. At the bottom, you’ll find Remove Site Logo.Īfter you deleted the Site Logo you can add your Site Title Block by clicking on the + sign. To remove the Site Logo, simply click on the three dots in the toolbar and you’ll see the list of options. If you want to use a Site Title instead of the Logo, you can delete the Site Logo block and add the Site Title block instead. Here you can change the image width, link it to the home page, make it open in a new tab or use it as a site icon. You can customize your Site Logo via the Block Settings in the sidebar. You can select any block by simply clicking the icon directly in the content area or by using the List View as shown in the screenshot below. To add your Site Logo, click the Site Logo block -> Replace and upload your own logo image. So, in this default layout, the starting point features only the logo, but you can easily change that to Site Title if you wish. Most websites use either logo or a site title, it’s rarely both. When you select the header layout it is automatically applied and you can proceed with adjusting the elements.įor this example, I’ll use the default layout with the Site Logo on the left and Navigation on the right. The outside block is a Group block, followed by an inner Row block with a Site Logo & Navigation. Īs you can see the header is built entirely out of blocks. Quick Tip: if you have a hard time selecting the whole header and are selecting different header elements instead, use the List View and select the header there. To access these layouts select the header area and then click Replace Header. With Bricksy Pro there are around a dozen predefined header layouts to choose from. The new Site Editor enables you, among other things, to set up and customize headers and footers which page/post editor doesn’t do. However, they do two very different things so it’s important to tell these two editors apart. Once you open the editor you’ll notice that it looks somewhat similar to the block editor in pages and posts. In your WordPress dashboard navigate to Appearance->Editor. With a modern block FSE WordPress theme like Bricksy Pro everything related to the header is done in the new Site Editor. As an example, I’ll use one of our popular block FSE themes, Bricksy Pro. With this in mind let’s start setting up the header of your website. In general, you can split header elements into three basic sections: Sometimes headers include information like a contact number or email, links to your social networks, and even a search bar. Then there is most often the main navigation menu that gives us an overview of what this site has to offer. On most websites in the header, we’ll find important bits of information like the site title or logo or both, so we know we are on a website we wanted to be on.

Row blocks logo