Resolved What is the correct method to create 2 different headers on the same site?

Hello Paul,

thank you for your reply,

I followed your method above for my project which has 2 different header (this time it's a little different from the 2 images above) : for this project I installed the Konstra Template

Header 1:
I have no problem for this header 1 which is very similar to the header of the konstra template



header 2
my problem is on this header 2:
I have no problem with desktop display, I followed your method and it's ok.
My problem is for viewing on a smartphone: I need the Catalog menu to be displayed as a burger menu

I have correctly set the parameters of "NAvigation":
Menu type: Mega menu
Off-canvas position: left

But on a smartphone, it is not displayed as a burger menu but as an unfolded menu.
Yet in the Helix documentation, in the navigation chapter, it is clearly specified that several menus can be put in the offcanvas position, but that they must be ordered well, and that's what I did


Can you get me out of this problem to display the menu in burger menu on smartphone please



Agathe.

I don't fully understand that

But on a smartphone, it is not displayed as a burger menu but as an unfolded menu.

Hello Paul,

I mean that, for the personalized header, i.e. header 2, I need on a smartphone, the menu is not deployed (unfolded) like on a desktop computer, but like a burger menu


Header 1 :
on smartphone the menu is well displayed in the burger menu




Header 2 :
the menu is not displayed in the burger menu, but the menu is deployed



Agathe

Are you sure that in 2nd template style -- menu is located in "Header" row ?

1/ Module Sp Page Builder to build header 2 which is complex





2/ Header row that calls the Sp Page Builder module by its "shop-header" position

It doesn't work like that.
Mobile menu is loaded from template (!) only, not SPPB.
If you want to have mobile menu inside SPPB you have to find an alternative mobile menu module on JED>

1/ actually I used Sp Page Builder because I need multiple rows in the html structure of my header ->
I tried to create 3 rows in the Header of the "Layout Builder" by doing:
12 + 2 + 2 + 4 + 4 + 12
this way I can directly call the menu module, but it does not allow to create several rows: a message told me that it must be 12 .......

is there a way to create multiple rows in the same section from the "Layout Builder" ?

2/ Or is there a way to inject modules into the header without going through "Layout Builder"? In the default Header of the Konstra template, when we put modules in the menu-right position, they are in the header -> could I use this method? but so how to do so that a module position is inside the header?



3/ I looked in the Konstra template files where the header files are:
I found the 3 files corresponding to the 3 headers of the template which are proposed:
templates/konstra/headers
style1
style2
style3


But I can't find the files corresponding to the custom header I created in the duplicated konstra template style ??

Where are these files?

Since my header 2 is quite complex, I could copy a style proposed in the konstra headers, into my custom header file: what is the method please?

if you could give me a clear answer and method for this custom header topic that comes up on almost all projects please


Agathe.

ad 1) MegaMenu is from the template, it's template feature only.
ad 2) If we talk about template (not SPPB) you have to edit header php file.
templates\konstra\headers\style-X\header.php
ad 3) Custom header is created in database as template settings, not inside files(!).

I cannot help with advanced code customization, it's far beyond support.
It's like car tunning. It always costs extra time & $.

Hi. When creating a not standard header, you need css skills. Do you have it?
If so, create as many columns inside the Header as you need (maximum 12). Place whatever you want in these columns. At this point, the Header looks like chaos. But using css coding you can easily customize it. Use FlexBox CSS technology to customize the layout of header (php customization not need)

If you don't have css skills, you won't be able to make the header you want.

If you don't have css skills, you won't be able to make the header you want.

And you can hire Pavel for this task, right, hahah

And you can hire Pavel for this task, right, hahah

By the way, why not

Hi. When creating a not standard header, you need css skills. Do you have it?
If so, create as many columns inside the Header as you need (maximum 12). Place whatever you want in these columns. At this point, the Header looks like chaos. But using css coding you can easily customize it. Use FlexBox CSS technology to customize the layout of header (php customization not need)

If you don't have css skills, you won't be able to make the header you want.

thank you for your reply,

I actually have skills in css and html, and in php
But since I have 3 rows in my header, I prefer to code cleanly, and I prefer to create 3 rows in html.

I understand what you mean: even if I put everything in the same row in html, then in css, we can do what we want, if we have the necessary skills.
In fact what I would like to do, and therefore to have the right method to do it, is the right method to customize a second header, knowing:
[list]
- what file to create, and how to name it: there are very often naming rules to customize and therefore overload templates
- where to place it in the template structure: rules to respect to overload template
- how and where to call it? : rules to respect to overload template


But from Paul's answer, I understand that this is not intended by the tool


Agathe.

ad 1) MegaMenu is from the template, it's template feature only.
ad 2) If we talk about template (not SPPB) you have to edit header php file.
templates\konstra\headers\style-X\header.php
ad 3) Custom header is created in database as template settings, not inside files(!).

I cannot help with advanced code customization, it's far beyond support.
It's like car tunning. It always costs extra time & $.

Actually what I'm asking is the override method for a custom header:
- is it not possible? This is not planned by Joomshaper?
- is there any developer documentation?


Agathe.

Helix Ultimate 2.0 is planned, is under development - but it's still Alpha so I don't know what would be there exactly.
By now you have to use your webmaster skills.
---
For such a customization not.

Hello Paul,


thank you for your reply,

Agathe.