Fixed Header + Grey Lines

Hi there people,

I would love to know how to make a header like on the example website, with the grey lines, and that it “stays on the pages” when scrolling down, while still being responsive.

Best regards,
Steijn

http://cssway.thebigerns.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:

On 5 Sep 2015, 5:28 pm, Steijn wrote:

Hi there people,

I would love to know how to make a header like on the example website, with the grey lines, and that it “stays on the pages” when scrolling down, while still being responsive.

Best regards,
Steijn

http://cssway.thebigerns.com

Never mind, already found it. hehe


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

http://cssway.thebigerns.com

So, the first thing I have to say is, that I did not build my blog with Freeway.

Gasps of shock and disbelief, I know. A Freeway user-- The Big Erns no less-- instead of using a software designed to make building websites easy used a different software designed to make blogging easy. Outrage!! (*)

I’m also using a WP template from a company called Pixelwars by the name of Read WP. I’ve made small tweaks to the front-end CSS, but it actually requires little work to satisfy my needs. It’s low-cost, well-supported and allows me to focus on generating content instead of becoming bogged down by technical details.

That’s not to say the things there could not be built with Freeway… they certainly could. After all, they are just CSS, HTML (and some Javascript-ish stuff). Freeway mostly does all that. It’s the specific outcome that is more problematic-- how to get Freeway to make something specific when you’re not sure how to build it yourself.

I know that’s not the answer you are looking for… I could start talking about “fixed” versus “relative” versus “absolute” or “static” positioning, or how to use Extended Styles to provide Freeway-- the thing that is supposed to make coding unnecessary-- with the custom codes that are necessary to do what you want with it. It can get daunting very quickly. You might do a search of FreewayTalk for discussions on Fixed Headers to start, then just focus on learning those bits to get you closer to your goal.


(*)Softpress has sent many of their ninja-assassins after me over the years, but it turns out the Brits are rather bad at the whole ninja assassin thing… they are so polite and thoughtful, mostly just letting me off with a warning. And some biscuits.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

I’ve constructed an example of how someone might do this in Freeway…

http://cssway.thebigerns.com/workbench/cssway-nav-recreation/

A word of caution to new or casual users… while I’ve tried to preserve some more familiar Freeway methods, I do use inflow layout and CSS styles in this example.


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Deconstructing templates is one helpful way I use to learn FW tricks and techniques - hopefully you didn’t miss the latest sale! My latest project probably has what you’re talking about. http://www.gatorpromo.com
The RetroD template gave me the idea to put the logo and CSS menu in the header together.
Home

  1. The header is on a layer and has “fixed in window” checked.
    v. align Top - width fixed% = %100
  2. The “line” isn’t even a line at all - it a shadow applied to the header

Hopefully this helps…


freewaytalk mailing list
email@hidden
Update your subscriptions at: