How move the whole sidebar to keft

Software Support
1

Hello,
I’m new to ojs. I can not find out how to move the whole sidebar to the left of the screen.
I’ve already made some researchs on the net but can not fix this.

I’ve looked to the templates, and figured out that the code corresponding to the sidebar is, I think, placed on the footer.tpl … but i think it should be at the begening of the body tag in order to be generated on the left!

thank you for affording some help or indications

2

I would not change the .tpl template, but the corresponding .less file in the stylesheet of the theme that you are using (plugins/themes/{yourtheme}/styles/…

CSS flexbox may be your friend.

1 Like
3

Hi, thank you very mutch for the reply,
Indeed, css flebox may open a solution, using flex-direction: row-reverse; , but the parent tag must have the class flex-container. The challenge now, for me, is how to assign this class (flex-container) to the parent tag of the sidebar, wich is the structure_content i think !!

Do I need to inject it in one of the templates or is there, as you said, a way without trying to change the templates?

4

Hi thank you so much mpbraendle ,

I arrived to do this by just modifying the layout.less this way:

.flex-container {
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
}
.pkp_structure_content {
.flex-container();
padding-top: 0;
}

This was possible only with your help, so thank you very much

1 Like