Headers in DudaOne Sites

This article refers to a previous version of the Duda Responsive Website Builder. Click here for help content on the current Duda editor.




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.

Header types

In DudaOne, there are three types of headers available when creating responsive sites. These types are fixed, flexible and sticky headers. 

Fixed 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. 

Flexible headers

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.

Sticky headers

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. 

Header section

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.


Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@duda.co

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!