[Resolved] Spacious import into existing site

[Stephen]

Hi,

I have imported “Spacious” into an existing site. Could you please tell me how to hand-build the settings to correctly place the open menu and put the widgets (social media icons) in the off-canvas menu?

And anything else to make it look like the vanilla Spacious theme.

Thanks,
Stephen

[Leo]

Hi there,

Those are added within the off canvas widget area:
https://docs.generatepress.com/article/off-canvas-panel-overview/#off-canvas-panel-widget-area

Let me know if this helps 🙂

[Stephen]

For the widgets, yes, that helps. Thanks.

I notice that when the menu opens the close “x” is at the top of the screen. Is there a setting I’m missing somewhere.

Short of importing all the settings (and wiping my content) is there a way to build the vanilla “Spacious” theme?

Thanks,
Stephen

[Leo]

I notice that when the menu opens the close “x” is at the top of the screen. Is there a setting I’m missing somewhere.

Don’t think I’m seeing the issue:
https://www.screencast.com/t/nUyirXClp

Is that not what you are seeing?

[Stephen]

Yes, I see that, now that I am logged out of WordPress. Visiting the site whilst logged in gave a different picture.

Thanks.

[Leo]

Glad to hear 🙂

[Stephen]

Could you provide me with the default Layout -> Container settings, please?

[Leo]

Here you go:
https://www.screencast.com/t/I1dodXCVIP

[Stephen]

Thanks 🙂
I would like to constrain the container to 700px but when I do, the menu opens from its 2000px point. You can see it on the live site.
Is there a way to make it left-align with the container?

[Leo]

Go to Customizer > Additional CSS and find this block of CSS:

.slide-opened .main-navigation.offside {
    transform: initial;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 100 !important;
}

Then replace left: 0; with something like left: 507px;

[Stephen]

Thanks, but it throws it off my screen to the left. Only the right-hand side of the menu is visible.

[Leo]

Can you add the CSS so I can see the issue?

[Stephen]

Done now

[Leo]

You’ve added left: 507;try adding the unit the suggested here:
https://generatepress.com/forums/topic/spacious-import-into-existing-site/#post-1230647

[Stephen]

We read but do not see….

That puts the menu about halfway across the page. It’s there for you to assess.

[Author]

Posts