pages-themes/minimal

width of right frame

fabian-stoeckl opened this issue · 6 comments

fabian-stoeckl commented

Is there a way to decrease the size of the left frame (containing the logo) and increase that of the right frame?

I played around in "jekyll-theme-minimal.scss" with the following width values:

header {
width:270px;
float:left;
position:fixed;
-webkit-font-smoothing:subpixel-antialiased;
}

header {
padding-right:320px;
}

section {
width:500px;
float:right;
padding-bottom:50px;
}

The result looked fine on the PC but didn't work on my mobile phone. I also checked the internet for information but couldn't find any help. Does anyone know?

Saipraneet commented

@fabian-stoeckl, I am trying to edit the width of my right frame to make it wider on PC, but can't seem to to figure out how. Any help is greatly appreciated!

Following the README, I created an assets/css/styles.css file with the following code:

---
---


@import "{{ site.theme }}";

.wrapper {
    width:1110px;
    margin:0 auto;
  }

section {
    width:750px;
    float:right;
    padding-bottom:50px;
  }

This did not result in any change at all though. I also tried moving the wrapper and section code before the @import, but this did not matter either.

Sorry for the noob question, and thanks for your help!

  • 👍1
fabian-stoeckl commented
mambax commented

If you still need it, I made it work:
https://github.com/mambax/mambax/blob/a6c364c0a0866b8d422446f44eb5207315636951/assets/css/style.scss#L1

Pay attention, the double lines

---
---

are needed, otherwise it does not apply.

  • 👍7
davorpa commented

I recomend use media queries to adress with this kind of things.

Take a look at:

DOzernyi commented

The solution given here which was cited above didn't work for me, unfortunately. Incorrect layout for mobile devices persisted.
It seems it's better not to touch css/style which imports settings from the jekyll css file in _sass. What worked was to go to that css and change settings for wrapper and for section manually. I am entirely sure why this makes such a difference (mb having to do with overriding the initial css file settings?), but perhaps someone has a similar problem.

BDHU commented

Check my demo here. I modified this theme and put it in another repo. Checking the changes here and here.

  • 👍1