Skip to content
This repository has been archived by the owner on Sep 16, 2019. It is now read-only.

Side bar on the left #69

Closed
Hugo1908 opened this issue Jul 5, 2014 · 3 comments
Closed

Side bar on the left #69

Hugo1908 opened this issue Jul 5, 2014 · 3 comments

Comments

@Hugo1908
Copy link

Hugo1908 commented Jul 5, 2014

Hello olefrederik,

First I want to say good job for the theme!!!

Want I want to know is how I get the side bar on the left? I have made a new Sjabloon page fron the sjabloon page.php (copied the code in a new one), and placed the "get sidebar" above the main content. So the side bar show left, only when it is on mobile the main content stays below the side bar see the attached image. How can I set this that the main content is above the sidebar.

Regards,
Hugo

schermafbeelding 2014-07-05 om 12 44 54

@manwithacat
Copy link
Contributor

I had a similar requirement, so I've knocked up a pull request (#70)

You need to use Foundation's Source Ordering classes to do this. So you start with mobile-first design and place the main content above the sidebar, but then you use push and pull classes to reorder the columns on larger screens.

@Hugo1908
Copy link
Author

Hugo1908 commented Jul 5, 2014

James,

Thanks for the information very clear now :)
Do you also now if the files kitchen-sink.php and hero.php are necessary or
what they do?

Regards,

2014-07-05 14:49 GMT+02:00 James Barlow notifications@github.com:

I had a similar requirement, so I've knocked up a pull request (#70
#70)

You need to use Foundation's Source Ordering classes to do this. So you
start with mobile-first design and place the main content above the
sidebar, but then you use push and pull classes to reorder the columns on
larger screens.


Reply to this email directly or view it on GitHub
#69 (comment)
.

@tomhermans
Copy link

kitchen-sink.php gives you an overview of all styles for the elements of your site.
see http://foundationpress.olefredrik.com/kitchen-sink/ for a demo.

If you e.g. change your colors, or body and heading font, changes to all elements affected will be visible here. So it's most of all a tool to check your styling.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants