backdraft question

Good Evening…

I am creating a website…

http://grwebs.net/heidi2

and using backdraft.
I took the 4wrapper and dropped the peices down to make the menu on the left.

but The words I have there next to them go all the way across. (put an html box next to the 2nd wrapper) but i want to have a paragraph wo splitting the 2 and 3rd wrapper.

Is there a way to have the words there without causing this as the paragraph gets longer?

thanks

Julie


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It is not just that text splitting the Menu items.

The main logo is also not responsive and your bg image is 1/2 a Meg.

If you have an iPhone (or similar) have a look.

Personally I would use a hamburger menu (or similar) at smaller sizes.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What’s a hamburger menu?

And thank you I am now noticing. But shouldn’t the logo be responsive if put into backdraft?

Sent from my iPad

On May 28, 2014, at 5:51 PM, DeltaDave email@hidden wrote:

It is not just that text splitting the Menu items.

The main logo is also not responsive and your bg image is 1/2 a Meg.

If you have an iPhone (or similar) have a look.

Personally I would use a hamburger menu (or similar) at smaller sizes.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What’s a hamburger menu?

http://freewaytalk.net/thread/view/145916#m_146083

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ok I see what it is…

but I want the menu to be vertical not horizontal on the big screen I don’t see how that will help.

Is there a way to do the menu vertically like I have layer out and a text box next to it?

  • unsure why the logo is not responsive but i will look at this.

thanks!

Julie

On May 28, 2014, at 9:04 PM, DeltaDave email@hidden wrote:

What’s a hamburger menu?

http://freewaytalk.net/thread/view/145916#m_146083

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Julie,

I would use a two column module - stack the navigation boxes vertically in the left column, and put the text in the right one.

The logo is not flexible by default with Backdraft. When it was flexible, I got quite a few complaints because if you used an @2x logo, it would scale to twice the size that it should. However, you can easily make it flexible:

  1. Right-click on the graphic item.

  2. In the tab, add this:

    Name Value
    class flexImage
  3. Select the logoWrapper element.

  4. In the dimensions section of the inspector, click on the little icon next to the width field to deactivate it.

  5. Done!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you!

so let me make sure I understand…

individual navigation boxes for each graphic /page I have … i will try that.

and thanks for the flexible logo info…

On May 29, 2014, at 12:02 PM, Caleb Grove email@hidden wrote:

Julie,

I would use a two column module - stack the navigation boxes vertically in the left column, and put the text in the right one.

The logo is not flexible by default with Backdraft. When it was flexible, I got quite a few complaints because if you used an @2x logo, it would scale to twice the size that it should. However, you can easily make it flexible:

  1. Right-click on the graphic item.

  2. In the tab, add this:

    Name Value
    class flexImage
  3. Select the logoWrapper element.

  4. In the dimensions section of the inspector, click on the little icon next to the width field to deactivate it.

  5. Done!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

individual navigation boxes for each graphic /page I have … i will try that.

Actually, let me clarify. Individual inline HTML boxes for each graphic with a line return between them so they stack vertically.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I am creating a website…

what you’re trying to do here has not much to do with web developing these days.

Never do a stack graphic items and call this navigation. Google recognizes this just as “images a link applied to” and will therefor list this as individual pages (and not a page project).

That’s what David basically meant with using a css-menu btw.

To use backdraft’s header modules vertical, you could add this into the head of your page:

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you!

I totally understand and agree - but since in the responsive css was missing vertical I was unsure how to do it -especially w the graphic behind it.

I will work on this.

On May 29, 2014, at 12:55 PM, Thomas Kimmich email@hidden wrote:

I am creating a website…

what you’re trying to do here has not much to do with web developing these days.

Never do a stack graphic items and call this navigation. Google recognizes this just as “images a link applied to” and will therefor list this as individual pages (and not a page project).

That’s what David basically meant with using a css-menu btw.

To use backdraft’s header modules vertical, you could add this into the head of your page:

Hamburger Menu Vertical · GitHub

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

gosh - the link disappeared for whatever reason.

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

which head do I add it to:

Before
after
Before
after

thanks!

J
On Jun 1, 2014, at 12:09 PM, Thomas Kimmich email@hidden wrote:

gosh - the link disappeared for whatever reason.
Hamburger Menu Vertical · GitHub

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Add it to before .


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

which head do I add it to:

Style tags like this should always be added in before - that way they load after all the other CSS files as often you are trying to modify an existing style.

Load it too soon and standard styling will overwrite it.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options