width of right frame about minimal HOT 6 OPEN

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.

from minimal.

@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!

from minimal.

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

from minimal.

from minimal.

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

Take a look at:

• https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries
• https://css-tricks.com/a-complete-guide-to-css-media-queries/

from minimal.

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.

from minimal.