Cutomize Helix Ultimate Header (slogan Text) - Question | JoomShaper

Cutomize Helix Ultimate Header (slogan Text)

J

Jimson

Helix Framework 1 year ago

Hi,

I am trying to put a custom text (like a slogan) in the bottom-middle of Helix Ultimate Header. I am using the pre-defined header from the template options but I am not able to get this work.

I created a custom module, published it in a menu position which is currently floating to the right, however, I want this at the center bottom of the header (both on laptop view and mobile view)

I want this text ...measuring your cybersecurity maturity level at the bottom center of the header. see link via https://tcmm.africa/

0
7 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 1 year ago #169301

Hi

Thanks for contacting us and sorry for your issue. Do you want to set the text on center? Could you please give me a screenshot of that portion please? I need to check.

-Regards.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #169320

Hi Jimson,

I am using the pre-defined header from the template options but I am not able to get this work.

Probably you are doing it wrong. It can be done just from Menu Items settings, no extra module.

Please take a look

info_3197_2024.gif

info_3198_2024.gif

To make image and slogan bigger, you can use Custom CSS:

.sp-page-title {padding: 70px 0; }
.sp-page-title .sp-page-title-heading {font-size: 36px; font-weight: 700;}
.sp-page-title .sp-page-title-sub-heading {font-size: 22px;}

As you see no extra module is needed.

0
J
Jimson
Accepted Answer
1 year ago #169392

Thank you for your response.

Here is a screenshot of what I am trying to achieve...

0
J
Jimson
Accepted Answer
1 year ago #169394

Thank you for your response.

Here is a screenshot of what I am trying to achieve...

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #169401

Oh, in that place - is much harder. You need custom Header (3 columns: logo + top3 + menu) + Module for that content published in "top3".

General guide: https://www.joomshaper.com/documentation/helix-framework/custom-header

0
J
Jimson
Accepted Answer
1 year ago #169403

I tried this but it was not rendering well...

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #169412

Beaucse it request more efforts & skills and using few lines of custom CSS.

0