Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

centering the page #293

Open
FelixBenning opened this issue Oct 1, 2020 · 2 comments
Open

centering the page #293

FelixBenning opened this issue Oct 1, 2020 · 2 comments

Comments

@FelixBenning
Copy link

Sidebar causes the page to stick to the left side

If found some interesting behavior when building the site without all the required configuration parameters:

grafik

I narrowed it down to this setting

grafik

so apparently your sidebare causes the theme to hug the left wall?

grafik

two menus

I am also not sure if I like the two menus

grafik

I just want to say that I am otherwise very impressed by the number of features. Awesome work! I'll have a look over the german translation to give back a little

@MunifTanjim
Copy link
Owner

MunifTanjim commented Oct 1, 2020

so apparently your sidebare causes the theme to hug the left wall?

Yeah. That was actually intentional. It might be possible to keep the site centered with sidebar enabled by tweaking some CSS. But I haven't tried to do that.

I am also not sure if I like the two menus

The demo site enables all the features to show what's possible. You can disable the top menu by setting params.settings.hideMainMenu to true. Or hide the sidebar menu by removing sidebar_menu from params.widgets.sidebar

You can read this these posts to know about the ways you can enable/disable various features: https://minimo.netlify.app/tags/config/

Awesome work!

Thanks!! 😃

@ghost
Copy link

ghost commented Apr 3, 2023

If you add a custom.css file in the static directory then the code below will center it nicely (well for me it works). This increases the site of the content text as well as the size of the logo. However, I cannot guarantee this will work for you, however if you play around with the CSS below you should be able to get something that centers nicely.

.container{
max-width: 1200px
}
#sidebar {
margin-left: 10%
}
body {
margin-left: 8%
}
.logo {
all: unset;
}

@media all and (max-width: 2000px) {
body,#sidebar {
margin-left: 0%
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants