Header Configuration

Wealty is a powerful Real Estate WordPress theme that adapts to your needs. With a stunning design and easy-to-use features, you can quickly take your business to the next level without any coding knowledge.

Please check our FAQ, most probably there is already an answer to your question. If you didn’t find what you need, please contact us at [email protected]

Wealty theme provides a bunch of different header variations. Every variation could be edited depending on the needs or could be created new one. Let's see how to edit header on our demo Home page.

In the header bar we see top bar and navigation bar. The top bar contains "Call to Action" button, social links, area and currency switchers, "Compare listings" button and user menu. In the navigation bar we can see menu and website logo.

To make changes in the page header we need to edit the partial that was used on this page. We can access it from Edit layout in WordPress toolbar or find it in the list of all partials in Templates > All Partials.

In the first row we can see our top bar elements that are splitted in two columns. In the left column we can see "Call to Action" button and social links. In the right column we can see language, area units and currency switchers, "Compare listings" and user menu.

Language switcher will appear in header only after installing and activating WPML plugin.

In the second row we can see website logo and both standard and responsive menus. As usual menu items themselves can be edited in Appearance > Menus area.

The semi-transparent row is our responsive menu. It looks like a disabled item because it is hidden on desktop screens.

Logo

We're using the SVG Component to display the logo that lets us display vector SVG images as logo. When you will replace demo SVG code with your, please, add link and classes like on screenshot .
Before <svg> tag paste <a href="/"> and to <svg> tag add class="logo logo--big header__logo".

If you want to use a PNG or JPEG image as your logo, you can use the Single Image component for that. Select an image you need and set its size. In "On click action field" select "Open custom link". Below will appear "Image link" field. There you need to add single slash like on screenshot . Also in "Extra class name" field paste next classes: logo logo--big header__logo.