# Menu component not using full width

**URL:** <https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340>\
**Category:** Elements\
**Created:** [April 29, 2025, 1:32am UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340 "2025-04-29T01:32:35Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![numericcitizen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/numericcitizen/32/26930_2.png) [@numericcitizen](https://forums.realmacsoftware.com/u/numericcitizen)\
**Post date:** [April 29, 2025, 1:32am UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/1 "2025-04-29T01:32:35Z")

</div>

RapidWeaver Elements 0.7.11 (23517)

Bug illustrated [here](https://cloud.numericcitizen.me/KDYn8Bq0).

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [April 29, 2025, 7:07am UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/2 "2025-04-29T07:07:00Z")

</div>

Do you have any padding or margin set on the Menu? Is the Menu inside of another component?

Little tricky to know what’s going on without seeing how you’ve structured your page, any chance you could share the project? 🙂

---

<div class="post-metadata">

**Author:** ![numericcitizen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/numericcitizen/32/26930_2.png) [@numericcitizen](https://forums.realmacsoftware.com/u/numericcitizen)\
**Post date:** [April 29, 2025, 10:33am UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/3 "2025-04-29T10:33:12Z")

</div>

Here is a [quick video](https://cloud.numericcitizen.me/S1njpb3g) showing the issue. Can’t figure out how to share a project for now..

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [April 29, 2025, 11:29am UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/5 "2025-04-29T11:29:57Z")

</div>

So I think the issue is that you have the Menu inside of a Container, and the Container has it’s content width set to `Breakpoint`.

The reason you’re not seeing this is [Elements](https://elementsapp.io/) is because the viewport of the editor isn’t wide enough.

You could likely just move the Menu to the root of the project (outside of the Container), or set the Container’s content width to full.

That should solve the issue for you 🙂

P.S. You can easily share your project via [Elements Cloud](https://docs.realmacsoftware.com/elements-docs/elements-cloud/account-sign-up)!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [April 29, 2025, 11:38am UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/6 "2025-04-29T11:38:46Z")

</div>

Just to follow up on what Ben said, here’s a video demonstrating how to fix it…

---

<div class="post-metadata">

**Author:** ![numericcitizen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/numericcitizen/32/26930_2.png) [@numericcitizen](https://forums.realmacsoftware.com/u/numericcitizen)\
**Post date:** [April 29, 2025, 11:47am UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/7 "2025-04-29T11:47:49Z")

</div>

Yep, that was it! I don’t know why I put the Menu inside a Container…

---

<div class="post-metadata">

**Author:** ![thominator](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thominator/32/35233_2.png) [@thominator](https://forums.realmacsoftware.com/u/thominator)\
**Post date:** [April 29, 2025, 12:28pm UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/8 "2025-04-29T12:28:30Z")

</div>

Most of us are putting menus (and other things like banners) in a container because we’re then making that a global that we can move into all our pages easily. Then when we make a change to the menu or banner or whatever, it applies to all pages instead of us having to go in and change each page individually.

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [April 29, 2025, 12:38pm UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/9 "2025-04-29T12:38:07Z")

</div>

> [@thominator](#):
>
> Most of us are putting menus (and other things like banners) in a container because we’re then making that a global

Is there a reason why you don’t just make the Menu a global?

Any component can be a global, and you can put globals in globals 🤯😃

---

<div class="post-metadata">

**Author:** ![numericcitizen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/numericcitizen/32/26930_2.png) [@numericcitizen](https://forums.realmacsoftware.com/u/numericcitizen)\
**Post date:** [April 29, 2025, 1:04pm UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/10 "2025-04-29T13:04:05Z")

</div>

Hey you guys rock! Never seen such responsiveness in a support forum!  
Now trying to figure out how to make a component global…

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [April 29, 2025, 1:16pm UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/11 "2025-04-29T13:16:32Z")

</div>

> [@numericcitizen](#):
>
> Hey you guys rock! Never seen such responsiveness in a support forum!

Awww, thanks 🥰

> [@numericcitizen](#):
>
> Now trying to figure out how to make a component global…

Easy peasy, [check out the Global docs](https://docs.realmacsoftware.com/elements-docs/elements-app/templates/global-templates) and watch this short video:

[![](https://img.youtube.com/vi/wMl2M8YstkE/maxresdefault.jpg "Elements: Global Templates Introduction") ](https://www.youtube.com/watch?v=wMl2M8YstkE)

---

<div class="post-metadata">

**Author:** ![thominator](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/thominator/32/35233_2.png) [@thominator](https://forums.realmacsoftware.com/u/thominator)\
**Post date:** [April 29, 2025, 2:37pm UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/12 "2025-04-29T14:37:24Z")

</div>

@ben I’m a little leery of putting globals into globals at this point. Maybe I’m being overly cautious, but this seems like a potential way to eventually cause myself issues. My current design has an Accordion on top of my Menu. The Accordion is a quick way to open up to show all the other related sites I maintain, and is part of the brand identity I’m trying to bring to fruition.

So yes, I could make the Accordion a global, the Menu a global, and then combine them to make a Header global. But I’m not doing that at the moment.

---

<div class="post-metadata">

**Author:** ![numericcitizen](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/numericcitizen/32/26930_2.png) [@numericcitizen](https://forums.realmacsoftware.com/u/numericcitizen)\
**Post date:** [April 29, 2025, 5:05pm UTC](https://forums.realmacsoftware.com/t/menu-component-not-using-full-width/47340/13 "2025-04-29T17:05:36Z")

</div>

easy, indeed. Thanks
