Menu component not using full width

Elements Feedback
1

RapidWeaver Elements 0.7.11 (23517)

Bug illustrated here.

2

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? :slight_smile:

3

Here is a quick video showing the issue. Can’t figure out how to share a project for now..

5

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 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 :slight_smile:

P.S. You can easily share your project via Elements Cloud!

1 Like
6

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

1 Like
7

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

1 Like
8

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.

1 Like
9

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 :exploding_head::smiley:

1 Like
10

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

11

Awww, thanks :smiling_face_with_three_hearts:

Easy peasy, check out the Global docs and watch this short video:

1 Like
12

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

13

easy, indeed. Thanks