Staff replied SP Page Builder

Create custom header

Asked by Frank Welskop 4 years ago Last activity 4 years ago

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

4 replies

Paul Frankowski Senior Staff

4 years ago · edited

Hi,
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 Staff

4 years ago · edited

Hi,

You can follow my screenshot below:

https://prnt.sc/20gx11k

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 Asked this

4 years ago

First 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

Paul Frankowski Senior Staff

4 years ago

I think I understand the concept, but anyway it's typical customization task which is beyond support. Sorry, but Support Policy rules are for everyone. Maybe you should hire freelancer from your city for this task.