Header Customisation

[morapat2014]

I’ve searched the forum for this and found nothing that worked. I need to insert some text and an image in the header of my site, above the menu items.

See my upload labelled “Page.png”. This is an example of an existing site that uses a different Wordpress template. Inside the red box with the arrow is what I need to appear on my site. See my upload labelled “Page2.png” and where I have again drawn a red box but with nothing inside it. I need the text and image to appear on my site like they do on the other one.

[morapat2014]

Any ideas on this anyone?

[jade]

Hi there,

This is possible with template customization and by adding some custom CSS as this is a customization that is beyonf the scope of our support. We won’t be able to provide you the exact codes to achieve this but we can help you get started.

What you can do first is set the Logo and Navigation Layout to Stacked in X > Launch > Header then you can add the custom CSS for the menu item for it to look like your screenshot.

You will then have to target the logo to push it to the left, you can do this by using a custom CSS. You can target the logo using the selector .x-brand.

Now to add the custom block that contains the number, you will have to override the template by overriding it through a child theme.

You will have to make a copy of _brand.php that is in /framework/legacy/cranium/headers/views/global/ directory of the parent theme and place it in x-child/framework/legacy/cranium/headers/views/global/.

You can then edit the code that is in the child theme and add the custom block there by writing the HTML code for it.

Once you save it, you should be able to see the block in the header and you can further style it through a custom CSS.

Hope this gets you started.