Create Custom Header
Frank Welskop
Hello all,
I am using the template "Helix Ultimate 2.0.5" and I would like to create a custom header but I have not yet found out how to do that. I know where to "activate" the custom header in the template settings but I have no idea how to define the header then.
The header I would like to create should have three rows with a full width:
- The first row should be the top bar, containing social media links (left) and contact information like e-mail, telephone number (middle) and login functionality (right).
- The secon row should contain the logo (full width)
- The third row should contain the menu entries and the search bar
Is that possible? And if yes, how can I do that?
Any help/hint is much appreciated.
Frank
Paul Frankowski
Accepted AnswerHi, yes, possible. But you have to create your own header php file.
More here: https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/custom-header
in section "Custom Header based on File".
Use header.php from already built-in header as a base for your project.
Mehtaz Afsana Borsha
Accepted AnswerHi,
You can follow my screenshot below:
You can choose predefined header from there. Go to administrator-->Basic-->Enable predeifend header-->Select header
You can follow this documentation
https://www.joomshaper.com/documentation/helix-framework/helix-ultimate-2/custom-header
Thank you
Frank Welskop
Accepted AnswerFirst of all thank you for the hints. I now played around a little bit with the "custom header based on File". As I am not a professional PHP programmer with deep knowledge of HTML and CSS I have a problem now.
When I define a header height of 200 pixels (as an example), I would like to have the logo and the menu in two different "rows" within these 200 pixels. I just added an additional row to the header.php file but then I have an additional row that is also 200 pixels in height.
The solution I would like to have in "sp-header" is a height of 200 pixels containing two rows (one for the logo with a height of 150 px and one for the menu with a height of 50 px).
I hope you understand what I would like to define.
Frank