MunifTanjim / minimo

Minimo - Minimalist theme for Hugo
https://minimo.netlify.app
MIT License
545 stars 220 forks source link

centering the page #293

Open FelixBenning opened 4 years ago

FelixBenning commented 4 years ago

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 commented 4 years ago

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 commented 1 year ago

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% }