Mobile burger menu help!

[OakAcquisitions]

Hello,

Just in the final phases of setting up my website before I’m ready to push some advertising and hoping to get some sales (Ever the optimist). However there is one small issue i cant seem to resolve. The burger menu on the mobile layout shows some of the hero banner at the top on the homepage. It only does this when scrolled to the top of the homepage, it does not do it on any other pages.

Can anyone help me to resolve this issue without affecting anything else?

Thanks

Sam - Oak Acquisitions.

[OakAcquisitions]

Hello Robert, thanks for the message. I’m not too sure that helps fix the burger menu issue?

[dmwwebartisan]

@OakAcquisitions

Please share your store url.

[OakAcquisitions]

Hello,

Thanks for the reply. My URL is below.

Oak Acquisitions

Thanks for your help in advance!

[OakAcquisitions]

Hello Robert, I have tried your suggestions but still no avail. I’m happy to connect?

[OakAcquisitions]

Thanks Robert, any help is appreciated. I am using the Forest Theme.

[tim_1]

Somehow you have a second announcement bar, right above “Join the family”.
It seems to be empty and it breaks the menu drawer positioning.

Remove this second announcement bar section and it will fix your problem.
Note that there is no problem on other pages because there is no second announcement bar there.

[dmwwebartisan]

@OakAcquisitions

Please add the following code at the bottom of your assets/section-header.css file.

@media screen and (max-width: 989px) {
    html.js .header__drawer>.drawer__container.menu-opening>.drawer__content {
        margin-block-start: -4.1rem !important;
    }
}

Hope this works.

[tim_1]

Wouldn’t this break other pages?

[OakAcquisitions]

Hi,

I tried your solution but sadly it didn’t work, I did however remove the blank announcement bar anyway as I think it helps the page flow better. Thanks for your help!

[OakAcquisitions]

Hello @dmwwebartisan ,

That has made a change however now the burger menu covers some of the header? See attached image? I think you are on the correct lines however its not quite correct.

[tim_1]

@OakAcquisitions

I tried your solution but sadly it didn’t work

Didn’t it?
I see it working fine now that second announcement bar is gone…

[dmwwebartisan]

@OakAcquisitions

It looks correct to me. Here is the screenshot.