The header is the part of your site that contains the logo and navigation. There are a lot of different ways to control the style of your header in Duda, which help you in creating an appealing header for your site.
In DudaOne, there are three types of headers available when creating responsive sites. These types are fixed, flexible and sticky headers.
By default headers in DudaOne are fixed. This means that the header contains the logo and navigation, but is locked and will not be customizable by adding elements from the Add Elements section.
Headers can be set to be flexible by turning the header into a row. By doing this, the header can act like a row that can take in elements from the Add Elements section. For more information on turning the header into a row, click here.
Please keep in mind that if you have turned your header into a flexible row and later decide that you want your header to be fixed, unfortunately, changing the header back would not be possible.
Click the Header tab in the Editor to open the menu options for the header. Select the option Set As Sticky Header to to turn your header into a static header that will stay in place when you scrolls your pages in your site.
Hide header on page
Click the Header tab to open the menu options for the header. The option "Hide on this Page" will appear where you can hide the header in desktop, tablet, or mobile.
In the header section you can control everything about the header, from the alignment to the logo colors and background color.
How do I have more control over the header?
In order to customize the header further, it must be turned into a "flexible" header. Please see this article here for turning the header into a row.
I deleted my logo, how do I get it back?
If you deleted your logo, you can get it back by simply dragging an image element back into the header. You can then set the link to go back to the homepage.
You can also check the design menu to see options for revealing your logo.
Other header options
There are other header options available in the design menu, which will let you further customize the look of your header in your site.
Troubleshooting and FAQ's
I can't add elements or delete things in the mobile header
If you're trying to add content to the mobile version of the header, unfortunately the mobile header has a fixed design, and isn't open to customization (outside of the settings that are already there).
You can change the content of your mobile header by;
- Going to the mobile view
- Clicking the content contained there
- Clicking edit
You can also change the layout or edit other options by going to the design menu >>> navigation, then editing your options there.
I can't change the logo size (mobile only)
If you can't change the logo size, try changing the logo style in the "Design" section (see "Header section" above) to see if you can toggle it back and forth.
Also, there is a maximum width on the logo in some views due to the hamburger men. You can try swapping the navigation layout to change your navigation's style.