Header Height does Not Change - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!
Back to the questions

Header Height does Not Change

TheBearded

TheBearded

Helix Framework 2 months ago

Hi,

I am using Helix Ultimate and SPPB Pro 6.0 on a website. While adapting the page for mobile devices, I found out that the header height does not change, no matter which number I put in at the Helix Settings / Configuration page. THis makes the page look broken on mobile phones, as the logo is biger than the header. Also, the hamburger icon seems not to be aligning correctly vertically, it is stuck towards the upper border of the header.

How can I fix this?

Thanks, Ben

0
12 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #204717

Hi Ben,

Sorry for the inconvience.

May I have your admin access to check the issue for you?

Best regards,

0
TheBearded
TheBearded
Accepted Answer
2 months ago #204806

Hi Rashida,

I added the information to the hidden content box.

Best regards, Ben

0
TheBearded
TheBearded
Accepted Answer
2 months ago #204980

Hi,

any updates on this issue?

Thanks, Ben

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #205042

Hi Ben,

Please accept my apology.

I could not login with your given credentials. Please check the hidden content.

0
TheBearded
TheBearded
Accepted Answer
2 months ago #205132

Hi Rashida,

please check again now.

Thanks, Ben

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #205227

Hello Ben,

Unfortunately, I cannot login to your admin area still!

0
TheBearded
TheBearded
Accepted Answer
2 months ago #205546

Apologies, something went wrong. I updated the login data and checked it again, now it should work.

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #205584

Hi,

Yes, I can login this time. Please check now and let me know.

Thanks!

0
TheBearded
TheBearded
Accepted Answer
2 months ago #205673

Hi Rashida,

thanks, it looks good now. May I ask what you have done to fix this? I also had this issue on other sites using Helix Ultimate previously, and it would be good to understand what you did to fix this.

Thanks, Ben

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #205679

Hi Ben,

It seems the header height was defined in the template.css file, hence I have used custom CSS for that.

https://share.cleanshot.com/cxCByFpF

Best regards,

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 2 months ago #205839

Thanks for accepting the answer:

Have a nice day!

0
TheBearded
TheBearded
Accepted Answer
4 days ago #212214

Hi Rashida,

unfortunately I need to get back to this issue. Your fix (see above) solved the problem on mobile phones, but now I seem to have an issue witht he header display in desktop view: The site logo is not displayed correctly (too high / leaking into the top bar above), and still the header height I set in the template preferences is ignored on the frontend. Also, the header content is not properly centered vertically.

I do not know where this comes from, I did not change template.css at all manually. On other pages where I use Helix Ultimate, this is not an issue at all.

Please kindly check again how to fix this issue.

Thanks, Ben

0