I’m using Nick Cates theme “Forward” and I like it a lot, apart from the fact that visitors have to scroll down to see the actual written content on the page - it’s all below the fold (on a desktop), which in my opinion make it a little bit less user-friendly.
Could anyone out there point out a simple line of CSS code that will help me move the content box further up the page? So that at least some of it is immediately visible when people access the site.
I tried to check the code of the above sites but my css skills are so limited I can’t figure out where the desired position of the box / wrapper is defined.
…and while I’m at it, do you or anyone else know what might be going on with the nav bar on the main home page? It’s disappearing and behaving strangely - what could be the cause and how can I fix it?
With regard to the starting point for your content, this seems to be controlled by the theme.main.cf section.
Something like:
section.theme.main.cf {
margin-top: -30%;
}
Will get the placement of that content moving, but (from a quick play around with it on your site) it quickly became clear that you would need to use media queries to ensure that the content is placed somewhere sensible for different screen widths. Have a play around with the value in that snippet and if you indicate what kind of height you like best, maybe we could figure out some media queries to get you the effect you seek - while still looking good on each viewport width.
Not sure if the theme offers any built in tools/options for this already?
