[Pro] Freeway Templates

So I have now used three Freeway templates to create websites over the last six months and have pretty much found them useful, however, there is one thing I find frustrating about them.
After purchasing both template packs I noticed that none of them used a graphic logo? It’s always html text used to as a logo. For the record I have had only one client who had a logo that was just text, and it is usually in some font that can’t be found at google fonts or can’t be used with Caxton. Why is this?

One of the more frustrating aspects for me in responsive website building is having a graphic logo or image in the same module as a block of text or a CSS Menu. One right, one left. Getting them to behave and play nice at each break point can be daunting.

Maybe I’m not understanding the construction part of this as well as I should, but why doesn’t Freeway have at least one template with a graphic logo and in the same module? Not above or below in its own div, but together with a block of html text living harmoniously. Ugh!

How about one with a sidebar as well?

If anyone have a few of these just lying around and can share them it would be great. I would love to see what I’m not doing right that it takes me hours just to get it to work.

Here’s one I spent half of the day yesterday trying to get to work nicely.

http://www.smartytest.com/eyecare/

Billy


freewaytalk mailing list
email@hidden
Update your subscriptions at:

You did a nice job, Billy.

Have you taken a look at BackDraft? Caleb has a small graphic logo with text.

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Hey Doty,
I have backdraft and I know there are those modules, but I want a Freeway Template example without using the backdraft @media code.
I never got past Backdraft 1.0. I know 2.0 is actionized but I event tried to figure it out. I got so used to tweaking the @media code that I’m a little unsure of 2.0.

Any pointers.


freewaytalk mailing list
email@hidden
Update your subscriptions at:

I have backdraft and I know there are those modules, but I want a Freeway Template example without using the backdraft @media code.

Actually, as of 2.0, all of the “responsiveness” in Backdraft is achieved by Freeway 7’s native functionality – it’s not actionized anymore. :slight_smile:


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

I’m absolutely with Billy here - the logo/menu combination is indeed something very critical, if not to say a mess. Often enough, I try to seek another place for the logo, which often enough bloats the height of the top area (bad on small devices).

So I have as well no real designerish solution satisfying me.

What I haven’t tried ever is making the logo a list-item of the CSS-Menu. This is commonly the solution in other pages, something like:

Home
Products
LOGO
About us
Contact

This is just because it’s weird cause the logo disappears in the hamburger menu on lower breakpoints.

What I tinkered with as well are solutions as Sidr | Alberto Varela which opens some new opportunities. I’m not entirely happy with it - functionality spoken, so I’d like to know as well a bit more about it. Sidr in use is e.g. on:

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:

This is semantically a mess. The logo is a different thing than the list of navigation items. Bootstrap puts the logo in the navbar element, but not as a member of the list of options. It’s roughly like this:

<div class="navbar">
	[hamburger]
	<a class="logo">Logo</a>
	<nav>
		<ul class="nav">
			<li><a>Nav option</a></li>
			<li><a>Nav option</a></li>
			<li><a>Nav option</a></li>
		</ul>
	</nav>
</div>

There’s actually more layers and classes than that, but that’s the gist of things. Logo is not an H1 (as I have been guilty of doing in the past), and logo is not semantically part of the nav either.

Walter

On Jun 12, 2015, at 3:43 AM, Thomas Kimmich email@hidden wrote:

Home
Products
LOGO
About us
Contact

This is just because it’s weird cause the logo disappears in the hamburger menu on lower breakpoints.


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

I’ve been thinking about this a little and, although not completely sold on the idea, have considered a logo as being part of the main navigation. It’s more often than not used as a link to the homepage after all.

Joe


freewaytalk mailing list
email@hidden
Update your subscriptions at:

I’ve also been known to put images into navigation before and although this example wasn’t done in Freeway (it was a custom WordPress theme) it shows how you can replace a menu item with a graphic and then swap it back out at a lower breakpoint;
http://www.culinaryanthropologist.org/
For me the regular text menu item (in this case the word Recipes) is the real content and the image is simply the embellished version of it. Search engines, screen readers etc should all be able to read the menu easily enough and users get the benefit of a pretty image as well. Lucky them! :slight_smile:
Regards,
Tim.

On 12 Jun 2015, at 12:48, Joe Billings wrote:

I’ve been thinking about this a little and, although not completely sold on the idea, have considered a logo as being part of the main navigation. It’s more often than not used as a link to the homepage after all.


FreewayStyle.com - Freeway templates and parts to download, use and explore - http://www.freewaystyle.com


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

Yep - the logo was meant as the (semantic) home link.

Perhaps time to collect some founds on the web?

Positioning the logo absolute, when reaching a critical width switching to hamburger to prevent overlapping such as:

Less is more. Reducing the amount of links in the main nav - logos staying the same size:

http://www.usepeak.com

Considering new techniques such as flexbox:

https://www.simple.com

All is Hamburger or Sidr:

http://www.kfc.com

By hunting for those examples, I recognized that none is making the logo scalable these days. That’s perhaps one of the main reason screwing things up.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:

Dear Billy,

Maybe that my solution is too simple for you, but what I did is removing the text in the html block and used the logo file as a background picture in the same block. This kept the integrity of the template and worked out fine for me.
Cheers,
Aart


freewaytalk mailing list
email@hidden
Update your subscriptions at: