Mobile Sticky Header is Blank And Not Showing Hamburger - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Mobile Sticky Header is Blank And Not Showing Hamburger

RG

Randy Garbin

Helix Framework 2 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.

0
8 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #124431

Hi Randy,

I am checking...

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #124440
  1. I reinstalled Helix Ultimate template - to fix language problems. And yes, helped.

  2. 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.

  3. Inside Mobile Menu (iPhone view) you have those , is it OKAY?

info_1332_2023.gif

and

info_1333_2023.gif

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #124441

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

info_1334_2023.gif

0
RG
Randy Garbin
Accepted Answer
2 years ago #124570

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?

0
RG
Randy Garbin
Accepted Answer
2 years ago #124577

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.]

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #124578

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.

0
RG
Randy Garbin
Accepted Answer
2 years ago #124584

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.

RG

0
RG
Randy Garbin
Accepted Answer
2 years ago #124617

Paul,

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

0