Site logo

Archived topic

100 width mobile menu not using navigation as header?

3 replies · Started by Scott on August 26, 2021

Viewing posts 1–4 of 4

Hey there!

I don't want to use the navigation as header, but I do want 100% width mobile navigation. There's currently about a 15px margin on the left of the mobile menu I can't seem to eliminate.

Login info attached!

Thanks as always!

Hi Scott,

Try set the header paddings for mobile to 0 at customizer > layout > header.

Then add this CSS:

button.menu-toggle {
    margin-right: 0;
}

Let me know :)

Hey Ying!

So close! It was definitely coming from the customizer > layout > header and I didn't even think to check there.

That also moved the logo and site branding so I just added the padding back

.site-branding-container {
      padding-left:12px;
}

And now everything is super happy!

Thanks so much for the incredible support!

You are welcome :)

Glad to hear that!

This archived topic is closed to new replies.