Group Focus isn't lining up

[nazostro]

Hello!

I am having issues trying to get my Group Focus menu to line up properly with the Reference Element (my header). For some odd reason it extends further than the default page build width (1440px).

Then, when I do a test on my computer browser and iPhone browser, there is a random space on the right side of it (I don’t have any padding or anything enabled).

Any thoughts?

[boston85719]

@nazostro

default page build width (1440px).

That is different from Maximum Width…your device has a width that is greater than 1440px most likely, and you have not set a max width onto the group focus

[nazostro]

Well that makes sense! Cause I am using 27" screen.

Any thoughts on why there is a space/gap on the right side? I don’t have any padding or margins

[artemzheg]

@nazostro

Any thoughts on why there is a space/gap on the right side? I don’t have any padding or margins

Here you go:

Group Focus: can't achieve full width

I’d like to update this thread in case someone else will face the issue I’ve described in my first post here . I’ve sent a ticket to Bubble support team and got a response. This small gap is a margin of 20px hardcoded for Group Focus element (this margin is developed to have a place for user to click to close/hide group focus). As a workaround we can use shadow style of the Group Focus: [Screenshot 2023-02-09 at 22.24.08] Change “Shadow style” from None to Outset Make horizontal offset = 20…

[nazostro]

Thank you for this! Too bad that they created that 20px spacing, but oh well.