IPSFocus Forum Theme CSS

[LOT]

So, I have this forum theme for ipsfocus and I want to move the navigation bar above the header.

example

https://files.facepunch.com/forum/upload/293518/a13c35bc-de1c-4915-b0da-31af61507b4d/137833b897d22ab0ec037e3dd0eafc04.png

Problem is it's written in CSS and I don't know the first thing about CSS.

Anybody out there who can help?

Below is _ipfocus_theme.css file

pastebin link:

https://pastebin.com/nwpmULKj

Any help is greatly appreciated

[Bullace]

Is there a site we're we can see a live demo of this theme? It's rather difficult to tell what to do without knowing how the HTML is structured.

[LOT]

Not at the moment, I only have it hosted locally. :/

[Bullace]

Alright so I checked out a bunch of demo themes on the IPSfocus website and I noticed most (but not all) of these themes have their header and nav wrapped in a parent div that only contains those 2 elements. If you have the same thing going on in yours you can do a neat trick and reverse the elements by applying the following css rules to the wrapper div:

display: flex;
flex-flow: column-reverse;

If the header and nav are wrapped by separate divs you'll have to do some position: absolute; magic but that'll probably be a bit of a pain in the ass.