Fix Header and Footer Menu Positions

Recently, most websites tend to contain a lot of contents in the main layout.

So, you can connect the links like the anchor feature and also use ‘Fix position’ feature that keeps showing the menu at the same position even if you scroll up and down.

STEP 01. Fix the position

①  Click [Design Mode]

②   [Fix position] feature is to freeze and show the header and footer menu at the same positions. So, you can add [Fix position] feature to ‘header’, ‘mobile_header’, and ‘footer’ that show the header and footer menu area as below.

③   Let’s fix the header menu.

Click [Edit settings] button in the ‘header’ area.

④   Activate [Fix position] feature, and then select the way to fix. (Prevent stacking, Allow stacking)

⑤   If you set to fix position, the red icon will be shown as below.

⑥   If you are done with setting the main layout, then set the sub layout as well.

⑦   Click [Complete]

(TIP)

* If you want this feature on mobile, you need to set ‘mobile_header’ separately.

* If you are operating your website through the existing Dubuplus, it is not possible to set ‘mobile_header’.
It is available on PC and tablet, but if you want to set it on mobile, you need to initialize the template (Design mode - ‘Save list’ at the top right – ‘Initialize’)

It is available to use if you modify the template’s css, please refer to the attached file.

However, all designs will be deleted if you initialize the template so please be careful when initializing.