Jump to content


Photo
- - - - -

Customising the header section

Brandnav

  • Please log in to reply
8 replies to this topic

#1 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 376 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 13 October 2013 - 04:53 PM

Hi Folks.

I am wondering if might lend your expertise once again.

 

I am trying to modify the header on our site www.magva.com (latest version of Framework and WP). It is a brandnav section and the aesthetic that is on the site at the moment is pretty close to what I want. However I am sure there is a better way to achieve it.

 

It was necessary for me to create the logo having the full width of the page i.e. 1040px * 90px. - Is it possible to center it some how and have the logo as simple 340px * 90px (its original size)?

 

The larger width of the logo caused the nav element to wrap onto the next line - which is what I required (the reason of the larger width).

 

I have used the following CSS code to achieve the look:

Please Login or Register to see this Hidden Content

My biggest issue with this approach is the padding I had to use. Really I wanted the buttons to spread out over the page and be centered. Now when you look at some of the drop downs, the text is wrapping which I'd like to avoid. Also causes problems on mobiles.

 

I'm not adverse to using an alternative nav bar if I can achieve the aesthetic. 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 13 October 2013 - 05:30 PM

Hi Keith,

 

You could try:

Please Login or Register to see this Hidden Content

The only problem may be that Brandnav is designed to work a certain way and it may not work as desired.  The CSS may not work correctly 



#3 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 376 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 13 October 2013 - 06:19 PM

Thanks Rob. Gave it go, but no luck. 

 

Is there any other branding section that might allow it? It doesn't have to be brandnav... Was thinking that a option might be to add a content section to the top of the page and then use the classic nav bar, but want to be able to have the bar fill the width of the screen.



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16339 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 13 October 2013 - 06:27 PM

Not sure what you're trying to achieve?

 

Are you saying you want your logo image centred and then below it your Menu ?

 

If my assumption isn't correct, can you provide a concept image please.



#5 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 13 October 2013 - 06:31 PM

Use a Full-Width Sidebar. Add a text widget.  Add the link and image code to the text widget.  That will work.



#6 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 376 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 13 October 2013 - 06:34 PM

Hi Danny

 

You are spot on: 

concept_banner.jpg



#7 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 13 October 2013 - 06:37 PM

As I mentioned, you coulld place a Full-Width Sidebar there, in Drag & Drop, then use a text widget.  If you don't have Full-Width available, try Universal. Either will work, and if neither are available, the Content Box would work too.


  • keithmagvacom likes this

#8 keithmagvacom

keithmagvacom

    Advocate

  • Members



  • 376 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 13 October 2013 - 06:44 PM

Thanks Rob. May give it ago if we've no luck



#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 13 October 2013 - 06:46 PM

No problem Keith.







Also tagged with one or more of these keywords: Brandnav