Awaiting an answer Helix Framework

Mobile sticky header is blank and not showing hamburger

Asked by Randy Garbin 3 years ago Last activity 3 years ago

I spoke with Nia, but I found no solution.

My site which was running fine when we relaunched it with a new home page was working fine, but now the stickey header seen in mobile, which is supposed to show the logo and a hamburger menu, is out of place at first load and blank when scrolling. On mobile, this bar obscures other content.

https://www.dropbox.com/scl/fi/i1hkh4okzd2pnud5at4mh/Home-BMPC-Bryn-Mawr-Presbyterian-Church.png?rlkey=w9jyhsn5y1vdfk3o01zvqbqjy&dl=0

I'm also seeing issues in the Helix interface. In the Row Options for Layouts in the Responsive section, it reads:

HELIX_ULTIMATE_HIDDEN_EXTRA_LARGE_DESKTOP

instead of Hidden on Desktop.

As I am struggling to upgrade this site from 3.10 to 4.3, I'd like to eliminate any problems that are causing me such frustrations.

Thank you for your help.

8 replies

Paul Frankowski Senior Staff

3 years ago

Hi Randy,

I am checking...

for sure it looks, that template language wasn't fully updated, etc.

Paul Frankowski Senior Staff

3 years ago · edited

I reinstalled Helix Ultimate template - to fix language problems. And yes, helped.
You made so many CSS customizations, not all are needed in Helix 2.0.13 and it makes only chaos in areas. You have to validate CSS syntax code soon.
Inside Mobile Menu (iPhone view) you have those , is it OKAY?

and

In your Layout there is NO logo next to menu in Header row.

Paul Frankowski Senior Staff

3 years ago · edited

Also you don't need such OLD Font Awesome 4.0 >> delete from all templates.

Randy Garbin Asked this

3 years ago

Wow! Thank you so much for your help. Made my day.

I will take a look at the CSS, and no, you're right. There's no logo in the bar.

I'm unclear on what you suggest I do with FontAwesome. What do I leave and what do I delete?

Randy Garbin Asked this

3 years ago · edited

I just looked at the site on my iPhone and I'm afraid that sticky header is still in the wrong place, obscuring content underneath.

https://www.dropbox.com/scl/fi/d5ybl8d00ulofaxpu11ci/IMG_90C1859DF30E-1.jpeg?rlkey=juwwayjvfyo6h37rt9rikn6xo&dl=0

[forgive me, but I can't figure out how the insert image function works in this forum.]

Paul Frankowski Senior Staff

3 years ago

Helix Ultimate has built-in Font Awesome, so all you need is turn it on from Template Options > Advanced,
it also means that you don't have to load FA from extra resources.

Randy Garbin Asked this

3 years ago

Paul,

I just noticed that the mobile sticky header is appearing on the interior desktop pages, blocking use of the submenus. Client noticed it as well.

If it's easier to simply point me to the code for this and suggest the fix, I'm happy to do it myself.

Randy Garbin Asked this

3 years ago

Paul,

I think I have this all fixed -- at least for now. Thanks again for your help.